jQuery 详解（含最新的3

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

以下是一些常用的jQuery方法和示例代码：

1. 选择器：

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

2. 文档就绪：

$(document).ready(function(){
  // 在这里写你的代码...
});

3. 事件绑定：

$("p").click(function(){
  alert("段落被点击了。");
});

4. 改变HTML内容：

$("#p1").html("Hello, world!");

5. 改变CSS属性：

$("p").css("background-color", "yellow");

6. 创建动画：

$("#div1").animate({left: '+50px'}, 500);

7. AJAX请求：

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

8. 链式调用：

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

9. 添加和删除类：

$("p").addClass("myClass");
$("p").removeClass("myClass");

10. 事件委托：

$("ul").on("click", "li", function(){
  alert("List item clicked");
});

11. 使用jQuery函数获取输入字段的值：

var value = $("#myInput").val();

12. 使用jQuery设置输入字段的值：

$("#myInput").val("Hello, world!");

13. 使用jQuery创建新的HTML元素：

$("<p id='new'>This is a new paragraph</p>").insertAfter("#old");

14. 使用jQuery删除HTML元素：

$("#myDiv").remove();

15. 使用jQuery获取或设置属性：

var value = $("#myImage").attr("src");
$("#myImage").attr("src", "picture.jpg");

16. 使用jQuery获取或设置CSS样式属性：

var color = $("#myDiv").css("background-color");
$("#myDiv").css("background-color", "yellow");

17. 使用jQuery显示和隐藏元素：

$("#myDiv").show();
$("#myDiv").hide();

18. 使用jQuery进行循环操作：

$("li").each(function(){
  alert($(this).text());
});

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

if ($("#myCheck").is(":checked")) {
  // 复选框被选中
}

20. 使用jQuery绑定/触发特定事件：

$("#myButton").click(); // 触发按钮的点击事件

21. 使用jQuery在文档中搜索