jQuery全解析

jQuery是一种快速、简洁的JavaScript库，它使得HTML文档的遍历和操作、事件处理、动画和Ajax交互等变得更加简单，并且方便了JavaScript和Ajax的使用。

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

1. 选择器：

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

2. 事件：

$(document).ready(function(){
  $("#myButton").click(function(){
    alert("按钮被点击了！");
  });
});

3. CSS操作：

$(document).ready(function(){
  $("p").css("background-color", "yellow");
});

4. HTML操作：

$(document).ready(function(){
  $("#myDiv").html("<p>这是新添加的段落。</p>");
});

5. 属性操作：

$(document).ready(function(){
  $("img").attr("width", "300");
});

6. 添加和删除类：

$(document).ready(function(){
  $("p").addClass("myClass");
  $("p").removeClass("myClass");
});

7. 动画：

$(document).ready(function(){
  $("div").fadeIn();
  $("div").fadeOut();
});

8. AJAX请求：

$(document).ready(function(){
  $.ajax({
    url: "test.html",
    success: function(result){
      $("#div1").html(result);
    }
  });
});

9. 创建和添加元素：

$(document).ready(function(){
  $("body").append("<p>这是新添加的段落。</p>");
});

10. 使用jQuery each()方法遍历数组：

$(document).ready(function(){
  $.each([52, 97], function(index, value){
    alert("Index " + index + ": " + value);
  });
});

以上是jQuery的一些基本用法，实际上jQuery提供了更多强大的功能，如Promise、Deferred对象、动画等。