jQuery核心函数和方法
核心函数
-
$()就是核心函数
$();
-
可以接收函数
$(function(){ alert('开心就好鸭'); })
-
可以接收字符串 (返回了一个jQuery对象 对象中保存了找到的dom元素)
$(function(){ alert('开心就好鸭'); var $('div'); })
-
可以收代码片段 (返回了一个jQuery对象 对象中保存了创建的dom元素)
$(function(){ alert('开心就好鸭'); var $p = $('<p>开心就好鸭</p>') })
-
可以接收dom元素 (会将dom元素包装成jQuery元素返回)
var a = docutemt.getelementgetByid('a'); var $a = $(a);
jQuery对象
-
jQuery就是个伪数组
-
jQuery静态方法 (就是直接将方法赋值给函数)
function a(){ } a.ff = function(){ alert(‘zhangxin'); } a.ff();//静态调用
-
jQuery实例方法()
a.prorotype.zz = function(){ clert('鑫'); } var aa = new a();//创建一个对象 aa.zz();
jQuery的遍历方法
-
each方法
//JavaScript 原生foreach 只能遍历数组 var arr = [1,2,3,4,5]; arr.foreach(function(value , index){ console.log(value,index); //value是内容 index 遍历的数组的位置 }) //jQuery each方法 可以遍历伪数组 $each(arr,function(index,value){ console.log(index,value);//index 索引 value 内容 })
-
map方法
//JavaScript 原生map 只能遍历数组 var arr = [1,2,3,4,5]; arr.map(function(value , index,arr){ console.log(value,index,arr); //value是内容 index 遍历的数组的位置 arr原数组 }) //jQuery map 可以遍历数组和伪数组 $map(arr,function(index,value){ console.log(index,value) })
-
总结:jQuery中的 each静态方法 返回值为原数组 map静态方法返回空数组
each 不支持不支持回调函数对遍历的数组进行处理
map方法可以通过 return 对遍历的数组进行处理 返回新数组