jQuery基础部分

jQuery核心函数和方法

核心函数

1. $()就是核心函数

   $();
   

2. 可以接收函数

   $(function(){
       alert('开心就好鸭');
   })
   

3. 可以接收字符串 （返回了一个jQuery对象 对象中保存了找到的dom元素）

   $(function(){
       alert('开心就好鸭');
       
       var $('div');
   })
   

4. 可以收代码片段 （返回了一个jQuery对象 对象中保存了创建的dom元素）

   $(function(){
       alert('开心就好鸭');
       
       var $p = $('<p>开心就好鸭</p>')
   })
   

5. 可以接收dom元素 （会将dom元素包装成jQuery元素返回）

   var a = docutemt.getelementgetByid('a');
   var $a = $(a);
   

jQuery对象

1. jQuery就是个伪数组

2. jQuery静态方法 （就是直接将方法赋值给函数）

   function a(){
       
   }
   a.ff = function(){
       alert(‘zhangxin');
   }
   
   a.ff();//静态调用
   

3. jQuery实例方法()

   a.prorotype.zz = function(){
       clert('鑫');
   }
   var aa = new a();//创建一个对象
   aa.zz();
   

jQuery的遍历方法

1. 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 内容
   })
   

2. 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)
   })
   

3. 总结：jQuery中的 each静态方法 返回值为原数组 map静态方法返回空数组

   each 不支持不支持回调函数对遍历的数组进行处理

   map方法可以通过 return 对遍历的数组进行处理 返回新数组