jQuery学习笔记之jQuery常用方法，超详细

在这个部分，我们将详细介绍jQuery的常用方法。

1. $() 或 jQuery()

这是jQuery的最常用的方法，用于获取DOM元素，并将其封装为jQuery对象，以便调用jQuery方法。

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

在上述例子中，$(document) 获取了document对象，并将其封装为jQuery对象。

2. .get()

这个方法用于获取被jQuery封装的DOM对象，返回一个由DOM元素组成的数组。

$(document).ready(function(){
    var elements = $("p").get();
    alert(elements.length); // 弹出页面中p元素的个数
});

3. .index()

这个方法用于获取匹配元素相对于其他元素的位置。

$(document).ready(function(){
    var index = $("p").index($("#p2"));
    alert(index); // 弹出id为p2的元素相对于其兄弟元素的位置
});

4. .each()

这个方法用于遍历jQuery对象封装的DOM元素集合，为每个元素执行一个函数。

$(document).ready(function(){
    $("p").each(function(index){
        this.id = "p" + index;
    });
});

5. .on()

这个方法用于为匹配元素添加一个或多个事件处理程序。

$(document).ready(function(){
    $("#btn1").on("click", function(){
        $("p").hide();
    });
});

6. .off()

这个方法用于移除匹配元素上的一个或多个事件处理程序。

$(document).ready(function(){
    $("#btn1").off("click");
});

7. .trigger()

这个方法用于触发匹配元素上的事件处理程序。

$(document).ready(function(){
    $("#btn1").trigger("click");
});

8. .css()

这个方法用于获取或设置匹配元素的样式属性。

$(document).ready(function(){
    $("p").css("color", "red");
});

9. .text()

这个方法用于获取或设置匹配元素的文本内容。

$(document).ready(function(){
    alert($("p").text());
    $("p").text("Hello, world!");
});

10. .html()

这个方法用于获取或设置匹配元素的HTML内容。

$(document).ready(function(){
    alert($("p").html());
    $("p").html("<strong>Hello, world!</strong>");
});

11. .attr()

这个方法用于获取或设置匹配元素的属性值。

$(document).ready(function(){
    alert($("p").attr("title"));
    $("p").attr("title", "Hello, world!");
});

12. .removeAttr()

这个方法用于移除匹配元素的一个或多个属性。

$(document).ready(function(){
    $("p").removeAttr("title");
});

13. .addClass()

这个方法用于添加一个或多个类名到匹配的元素。