jQuery的方法和内容选择器
-
静态方法和实例方法:
<script> //1.通过构造函数模拟一个类 function AClass(){ } //2.给这个类添加一个静态方法 AClass.staticMethod = function(){ alert("staticMethod"); } //静态方法通过类名调用 AClass.staticMethod(); //3.给这个类添加一个实例方法 AClass.prototype.instanceMethod = function (){ alert("instanceMethod"); } //4.创建一个实例(创建一个对象) var a = new AClass(); //通过实例调用实例方法 a.instanceMethod(); </script>
-
静态方法each
原生的forEach只能遍历数组,不能遍历伪数组;原生的先传value值
利用jQuery的each静态方法可以遍历数组也可以遍历伪数组;回调函数的参数先传index索引
<script> var arr = [1,3,5,7,9] var obj = {0:1, 1:3, 2:5, 3:7, 4:9, length:5};//伪数组 // arr.forEach(function(value,index){ // console.log(index,value); // }); $.each(arr,function(index,value){ console.log(index,value); }) </script>
-
静态方法map
原生的map方法遍历数组,和原生的forEach一样,不能遍历伪数组;第三个参数是遍历的当前数组
jQuery的map方法和each静态方法一样可以遍历伪数组;第一个参数arr是要遍历的数组,第二个参数是每遍历一个元素之后执行的回调函数,回调函数的参数:value值,index索引
<script> var arr = [1,3,5,7,9] var obj = {0:1, 1:3, 2:5, 3:7, 4:9, length:5};//伪数组 // arr.map(function(value,index,array){ // console.log(index,value,array); // }); $.map(arr,function(value,index){ console.log(index,value); }) </script>
-
each和map的区别:
a、each静态方法默认的返回值是,遍历谁就返回谁;map静态方法默认返回值是一个空数组
b、map静态方法可以在回调函数中通过return对遍历数组进行处理,然后生成一个新的数组返回;each静态方不可以
-
其它静态方法
静态方法 作用 参数 返回值 $.trim(); 去除字符串两端的空格 需要去除**两端**空格的字符串 去除两端空格后的**新**的字符串 $.isWindow(); 判断传入的对象是否是window对象 传入需要判断的对象 true/false $.isArray(); 判断传入的对象是否是**真**数组 传入需要判断的对象 true/false $.isFunction(); 判断传入的对象是否是一个函数 传入需要判断的对象(jQuery本质上是一个匿名函数) true/false $.holdReady(true); 暂停ready事件的执行 true/false true为暂停/false为恢复 ··· ··· ··· -
内容选择器
内容选择器 作用 :empty 找到既没有文本内容也没有子元素的指定元素 :parent 找到有文本内容或者有子元素的指定元素 :contains(text) 找到包含指定文本内容text的指定元素 :has(selector) 找到包含指定子元素的指定元素