jQuery：一站式指南

jQuery是一种快速、简洁的JavaScript库，设计的目标是“写得少，做得多”。以下是一些常见的jQuery使用场景和示例代码：

1. 选择元素：

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

2. 修改HTML内容：

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

3. 修改CSS样式：

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

4. 事件监听：

$("button").click(function(){
  alert("Clicked!");
});

5. 动画效果：

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

6. AJAX请求：

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

7. 链式调用：

$("div").find("h3").andSelf().addClass("blue");

8. 遍历：

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

9. 事件委托：

$("ul").on("click", "li", function(){
  alert($(this).text());
});

10. 插件开发：

$.fn.extend({
  pluginName: function() {
    return this.each(function() {
      // 插件代码
    });
  }
});
 
$("#myElement").pluginName();

这些示例展示了jQuery的基本用法，涵盖了常见的场景，如DOM操作、事件处理、动画、Ajax和插件开发。jQuery提供了一个强大且灵活的工具集，用于简化JavaScript开发。