初识jQuery

jQuery是一个快速、简洁的JavaScript库，它使得HTML文档遍历和操作、事件处理、动画和Ajax等操作更加简单和易于使用。

以下是一些基本的jQuery代码示例：

1. 选择元素：

$(document).ready(function(){
    $("p").click(function(){
        $(this).hide();
    });
});

在上述代码中，当你点击任何段落标签时，该段落会隐藏。

2. 改变HTML内容：

$("p").html("Hello, jQuery!");

在这个例子中，所有的段落标签的内容都会变成"Hello, jQuery!"。

3. 改变CSS样式：

$("p").css("color", "blue");

在这个例子中，所有段落的文字颜色都会变为蓝色。

4. 创建动画：

$("div").animate({left:'+='+moveDistance+'px'},1000);

在这个例子中，div元素向右移动指定的距离。

5. AJAX请求：

$.ajax({
    url: "test.html",
    context: document.body
}).done(function() {
    $(this).append(" 已载入 test.html");
});

在这个例子中，通过AJAX请求载入test.html文件，并将其附加到body元素。

6. 事件绑定：

$("button").click(function(){
    $("p").slideToggle();
});

在这个例子中，按钮被点击时，所有段落的滑动切换效果将被触发。

7. 链式调用：

$("#p1").css("color", "red")
       .slideUp(200)
       .slideDown(200);

在这个例子中，id为p1的元素的文字颜色被设置为红色，然后向上滑动，最后向下滑动。

8. 使用jQuery处理多个事件：

$("button").hover(function(){
    $("p").css("background-color","yellow");
}, function(){
    $("p").css("background-color", "#E9E9E4");
});

在这个例子中，当鼠标指针悬停在按钮上时，所有段落的背景颜色变为黄色，当鼠标指针离开按钮时，背景颜色变为#E9E9E4。

9. 使用jQuery检查复选框是否被选中：

$("input").change(function(){
    if($(this).is(":checked")) {
        $("body").css("background-color", "yellow");
    } else {
        $("body").css("background-color", "white");
    }
});

在这个例子中，当复选框的状态改变时，如果它被选中，页面背景颜色变为黄色，如果未被选中，背景颜色变为白色。

10. 使用jQuery来处理表单数据：

$("form").submit(function(event){
    event.preventDefault();
    var name = $("input[name='name']").val();
    alert("Hello, " + name);
});

在这个例子中，当表单被提交时，阻止表单的默认提交行为，获取输入字段的值，并弹出一个带有该值的问候语。

以上就是一些基本的jQuery代码示例，jQuery库提供了许多其他的功能和方法，可以用于创建更复杂的交互式网页。