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伶贰。其他對象通過其屬性名進行迭代。

 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);

相當于把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è)置的默認年齡
代碼

圖片.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選擇器上面都有指定對象的屬性

四摄欲,克陆瘟痢(DOM節(jié)點(所有包括綁定的事件))

.clone( [withDataAndEvents ] )

圖片.png

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

在事件綁定胸墙,事件代理的時候我注,獲取當前被單擊的元素的下標

圖片.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)系作者
  • 序言:七十年代末乍狐,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子固逗,更是在濱河造成了極大的恐慌浅蚪,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,214評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件烫罩,死亡現(xiàn)場離奇詭異惜傲,居然都是意外死亡,警方通過查閱死者的電腦和手機贝攒,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,307評論 2 382
  • 文/潘曉璐 我一進店門盗誊,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事哈踱』氖剩” “怎么了?”我有些...
    開封第一講書人閱讀 152,543評論 0 341
  • 文/不壞的土叔 我叫張陵嚣鄙,是天一觀的道長吻贿。 經(jīng)常有香客問我,道長哑子,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,221評論 1 279
  • 正文 為了忘掉前任肌割,我火速辦了婚禮卧蜓,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘把敞。我一直安慰自己弥奸,他們只是感情好,可當我...
    茶點故事閱讀 64,224評論 5 371
  • 文/花漫 我一把揭開白布奋早。 她就那樣靜靜地躺著盛霎,像睡著了一般。 火紅的嫁衣襯著肌膚如雪耽装。 梳的紋絲不亂的頭發(fā)上愤炸,一...
    開封第一講書人閱讀 49,007評論 1 284
  • 那天,我揣著相機與錄音掉奄,去河邊找鬼规个。 笑死,一個胖子當著我的面吹牛姓建,可吹牛的內(nèi)容都是我干的诞仓。 我是一名探鬼主播,決...
    沈念sama閱讀 38,313評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼速兔,長吁一口氣:“原來是場噩夢啊……” “哼墅拭!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起涣狗,我...
    開封第一講書人閱讀 36,956評論 0 259
  • 序言:老撾萬榮一對情侶失蹤谍婉,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后屑柔,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體屡萤,經(jīng)...
    沈念sama閱讀 43,441評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,925評論 2 323
  • 正文 我和宋清朗相戀三年掸宛,在試婚紗的時候發(fā)現(xiàn)自己被綠了死陆。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,018評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖措译,靈堂內(nèi)的尸體忽然破棺而出别凤,到底是詐尸還是另有隱情,我是刑警寧澤领虹,帶...
    沈念sama閱讀 33,685評論 4 322
  • 正文 年R本政府宣布规哪,位于F島的核電站,受9級特大地震影響塌衰,放射性物質(zhì)發(fā)生泄漏诉稍。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,234評論 3 307
  • 文/蒙蒙 一最疆、第九天 我趴在偏房一處隱蔽的房頂上張望杯巨。 院中可真熱鬧,春花似錦努酸、人聲如沸服爷。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,240評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽仍源。三九已至,卻和暖如春舔涎,著一層夾襖步出監(jiān)牢的瞬間笼踩,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,464評論 1 261
  • 我被黑心中介騙來泰國打工终抽, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留戳表,地道東北人。 一個月前我還...
    沈念sama閱讀 45,467評論 2 352
  • 正文 我出身青樓昼伴,卻偏偏與公主長得像匾旭,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子圃郊,可洞房花燭夜當晚...
    茶點故事閱讀 42,762評論 2 345

推薦閱讀更多精彩內(nèi)容