菜鸟jquery

jQuery 基础介绍

jQuery 是一个快速、简洁的 JavaScript 库，简化了 HTML 文档遍历、事件处理、动画设计和 Ajax 交互。对于初学者（“菜鸟”）来说，jQuery 的语法直观且易于上手。

引入 jQuery

在 HTML 文件中通过 CDN 引入 jQuery（以 3.x 版本为例）：

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

基本语法示例

jQuery 的核心是通过 $() 函数选择元素并操作：

// 选择元素并修改内容
$("p").text("Hello, jQuery!");

// 绑定点击事件
$("#myButton").click(function() {
    alert("按钮被点击了！");
});

常用方法

1. DOM 操作

   • html() 获取或设置 HTML 内容
   • css() 修改样式
   • addClass() 添加 CSS 类

2. 事件处理

   

   • click()、hover() 等快捷方法
   • on() 通用事件绑定

3. 动画效果

   • hide()/show() 隐藏/显示元素
   • fadeIn()/fadeOut() 淡入淡出

Ajax 示例

通过 $.ajax() 发送异步请求：

$.ajax({
    url: "https://api.example.com/data",
    method: "GET",
    success: function(response) {
        console.log(response);
    }
});

学习资源推荐

• 官方文档：jQuery Learning Center
• 交互式教程：Codecademy jQuery 课程

通过实践小项目（如动态表单验证、图片轮播）巩固基础。