淘先锋技术网

首页 1 2 3 4 5 6 7

jQuery方法是Web开发中不可缺少的工具之一,其返回值类型也是我们需要熟悉的内容之一。

jquery方法返回值类型

在jQuery中,方法返回值类型通常分为以下三种:


1. jQuery对象
   例如:$(selector)
   返回的是一个jQuery对象,可以继续调用jQuery方法
   示例代码:
   var $elem = $('.myclass');
   $elem.hide();
   
2. DOM元素或者原生对象
   例如:selector[0], document.getElementById('myid')
   返回的是一个DOM元素或者原生对象,不可以继续调用jQuery方法
   示例代码:
   var elem = $('.myclass')[0];
   elem.style.display = 'none';
   
3. 布尔值、数字、字符串等基础类型
   例如:$('.myclass').length, parseInt('10px'), 'hello world'
   返回的是一个基础类型,不可以继续调用jQuery方法
   示例代码:
   var length = $('.myclass').length;
   var num = parseInt('10px');
   var str = 'hello world';

需要注意的是,有些方法返回值类型不是固定的,比如:


1. each方法
   如果没有返回值,则返回的是原始的jQuery对象
   如果有返回值,则返回的是被遍历元素的集合
   示例代码:
   var $elems = $('.myclass').each(function() {
     console.log($(this).text());
   });
   console.log($elems);
   
2. attr方法
   如果没有传递参数,则返回的是第一个匹配元素的属性值
   如果传递了参数,则返回的是原始的jQuery对象
   示例代码:
   var attrVal = $('.myclass').attr('data-value');
   $('.myclass').attr('data-value', 'new value');

通过对jQuery方法返回值类型的了解,可以在项目开发中更加灵活地使用jQuery。