以下是一个简单的 jQuery 备忘单,包含了一些常用的 jQuery 操作和方法。你可以将这个备忘单保存下来,作为参考:

1. 文档就绪事件:
   $(document).ready(function(){
       // 在文档加载完毕后执行的代码
   });

2. 选择器:
   // 通过元素名选择
   $("p")

   // 通过类名选择
   $(".classname")

   // 通过ID选择
   $("#elementId")

   // 多选择器组合
   $("p, .classname, #elementId")

3. 事件处理:
   // 点击事件
   $("button").click(function(){
       // 执行点击时的代码
   });

   // 鼠标悬停事件
   $("p").hover(function(){
       // 鼠标悬停时的代码
   });

4. 样式操作:
   // 添加类
   $("p").addClass("newClass");

   // 移除类
   $("p").removeClass("oldClass");

   // 切换类
   $("p").toggleClass("active");

5. 内容操作:
   // 获取文本内容
   var text = $("p").text();

   // 设置文本内容
   $("p").text("新的文本内容");

   // 获取HTML内容
   var htmlContent = $("div").html();

   // 设置HTML内容
   $("div").html("<p>新的HTML内容</p>");

6. 隐藏和显示:
   // 隐藏元素
   $("p").hide();

   // 显示元素
   $("p").show();

   // 切换元素的可见性
   $("p").toggle();

7. 遍历:
   // 遍历所有段落
   $("p").each(function(){
       // 对每个段落执行的代码
   });

8. Ajax:
   // 发送GET请求
   $.get("url", function(data){
       // 处理返回的数据
   });

   // 发送POST请求
   $.post("url", {data: "value"}, function(data){
       // 处理返回的数据
   });

这只是一个简要的备忘单,jQuery 提供了丰富的功能和方法,用于简化 JavaScript 编程。你可以根据具体需求查阅 jQuery 官方文档来获取更详细的信息。


转载请注明出处:http://www.pingtaimeng.com/article/detail/4658/jQuery