jquery 静态方法 实例方法的区别

jQuery是一种基于JS的快速，小型，功能强大的JavaScript库，它为web开发者提供一种简单的方法来遍历HTML文档，处理事件，创建动画，处理AJAX请求等等功能。jQuery提供两种方法：静态方法和实例方法。

// 以下是jQuery的版本库，版本选择3.6.0  

静态方法

静态方法是通过jQuery对象自身调用而非选择器调用的方法。它们是全局函数，不需要前缀，例如，我们可以使用jQuery.ajax()而不是$('selector').ajax()来调用ajax方法。静态方法执行时，不会操作DOM元素。

// 静态方法获取当前文档中所有p标签的长度
let pLen = $('p').length;
console.log(pLen);

实例方法

实例方法是通过选择器返回的jQuery对象调用的方法。当在jQuery对象上调用实例方法时，它们操作当前选择器选中的DOM元素。例如，我们可以使用$('selector').css('color', 'red')来修改元素的样式。实例方法仅对选择器选择的元素有效。

// 实例方法改变第一个p标签的颜色
$('p:first').css('color', 'red');

区别

静态方法可以被全局调用，而实例方法只能被选择器选中的元素调用。静态方法不会直接操作DOM元素，而实例方法将操作选择器选中的每一个DOM元素。

// 静态方法禁用所有a标签的链接
jQuery('a').click(function(event) {
event.preventDefault();
});
// 实例方法改变选择器选中的所有p标签的颜色
$('p').css('color', 'green');

在实际开发中，开发者需要根据具体的需求来选择使用静态方法或实例方法。如果需要改变所有元素的状态，或在需要操作DOM之前执行函数，则选择静态方法。如果只需操作选中的元素，则选择实例方法。

查看更多关于jquery 静态方法 实例方法的区别的详细内容...