jQuery常用方法

一,.each( function(index, Element) )

遍歷一個jQuery對象,為每個匹配元素執(zhí)行一個函數(shù)

$( "li" ).each(function( index ) {
  console.log( index + ": "" + $(this).text() );
});

二,jQuery.each( collection, callback(indexInArray, valueOfElement) )

jQuery靜態(tài)循環(huán)方法
一個通用的迭代函數(shù),它可以用來無縫迭代對象和數(shù)組。數(shù)組和類似數(shù)組的對象通過一個長度屬性(如一個函數(shù)的參數(shù)對象)來迭代數(shù)字索引,從0到length - 1。其他對象通過其屬性名進(jìn)行迭代。

 var obj = {
   "flammable": "inflammable",
   "duh": "no duh"
   };
 $.each( obj, function( key, value ) {
     alert( key + ": " + value );
});
圖片.png

三,jQuery.extend([deep,] target [, object1 ] [, objectN ] )

1,
      var obj1={};
      var obj2={
          name:"liu",
          age:18
       };
     $.extend(obj1,obj2);

相當(dāng)于把obj2拷貝到obj1上

圖片.png
2
       var obj1={};
       var obj2={
          name:"liu",
          age:18
     };
    var obj3={
         name:"vally",
        sex:"man"
     };
  $.extend(obj1,obj2,obj3);

把obj2拷貝到obj1上,再把obj3拷貝到obj1上,有相同屬性key,覆蓋,沒有就添加

圖片.png

實際使用場景:
用戶輸入姓名和年齡,如果用戶沒有輸入年齡,就會使用我們設(shè)置的默認(rèn)年齡
代碼

圖片.png

3,返回值為,復(fù)制覆蓋的一個新對象

       function getnews(obj){
              var sp_obj={
                    name:"游客",
                   age:"不詳"
             };
           // var relobj={};

         //$.extend(relobj,sp_obj,obj);
        var relobj=$.extend({},sp_obj,obj);
        console.log(relobj);
    }

4,

圖片.png

設(shè)置為true,表示深拷貝
注:
淺拷貝表示拷貝棧里面的內(nèi)容,或則堆里面的第一層內(nèi)容
深拷貝表示拷貝里面的全部內(nèi)容

5,

圖片.png

每一個jQuery選擇器上面都有指定對象的屬性

四,克?。―OM節(jié)點(所有包括綁定的事件))

.clone( [withDataAndEvents ] )

圖片.png

五,.index() / .index(selector)/ .index(element)

在事件綁定,事件代理的時候,獲取當(dāng)前被單擊的元素的下標(biāo)

圖片.png

六,

小知識點:
為什么js文件和js代碼要放到html文件的body里面的后面
因為,1,js文件的下載會阻止其他文件的下載解析,并且下載完成就執(zhí)行。2,js操作dom所以js要在dom加載完成 才應(yīng)該執(zhí)行
我們怎么保證js的執(zhí)行在dom解析完成再執(zhí)行呢?
在把js代碼包裹一層:
window.onload=function(){
js代碼。。。
}
window.onload是要在所以文件(html ,css,圖片全部加載完成)再執(zhí)行js代碼,如果圖片很多,那么,js的執(zhí)行會延遲很久, 這樣會影響頁面效果的呈現(xiàn)

那么在jQuery里面是怎么解決的呢?
   //所有的文檔都加載完成后,再去執(zhí)行js代碼
  //方法一:
  $(document).ready(function(){
       js代碼。。。
  })
 //方法二:
 $(function(){
    js代碼。。。
})

這種方法要注意:里面的變量就不是window的全局變量了,直接在控制臺是無法訪問到function匿名函數(shù)里面的變量
jquery中文文檔

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容