欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

深入淺析jQuery對象$.html

 更新時間:2016年08月22日 13:39:56   作者:小火柴的藍(lán)色理想  
這篇文章主要介紹了jQuery對象$.html的相關(guān)資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下

$對象

  說起jQuery,最明顯的標(biāo)志,毫無疑問,就是, ,其實是jquery的簡寫。而使用$()包裝的對象就是jQuery對象

  與jQuery對象相對應(yīng)的就是DOM對象,DOM對象其實就是DOM元素節(jié)點對象

  如果直接寫document,則指的是document的DOM元素對象

document.onclick = function(){
alert('dom');
}

  而如果用()包括起來,如 ()包括起來,如(document),是jQuery(document)的簡寫形式,則指的是jQuery對象

<script src="jquery-3.1.0.js"></script> 
<script>
console.log(jQuery(document));//[document]
console.log($(document));//[document]
console.log(document);//#document
</script>

  [注意]jQuery對象無法使用DOM對象的方法,DOM對象也無法使用jQuery對象的方法

<script src="jquery-3.1.0.js"></script> 
<script>
//無反應(yīng)
$(document).onclick = function(){
alert(0);
};
//Uncaught TypeError: document.click is not a function
document.click(function(){
alert(1);
});
</script>

轉(zhuǎn)換

【1】DOM轉(zhuǎn)jQuery對象

  對于一個jQuery對象,只需要用$()把DOM對象包裝起來,就可以獲得一個jQuery對象

【2】jQuery轉(zhuǎn)DOM對象

  jQuery是一個類數(shù)組對象,可以通過[index]或get(index)的方法得到相應(yīng)的DOM對象

console.log(document === $(document)[0]);//true
console.log(document === $(document).get(0));//true

 共存

  如果jQuery對象和DOM對象指向同一對象,綁定不同函數(shù),則函數(shù)會按照順序依次執(zhí)行

//先彈出0,再彈出1
document.onclick = function(){
alert(0);
}
$(document).click(function(){
alert(1);
});

以上所述是小編給大家介紹的jQuery對象$.html,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!

相關(guān)文章

  • jQuery ajax請求struts action實現(xiàn)異步刷新

    jQuery ajax請求struts action實現(xiàn)異步刷新

    這篇文章主要為大家詳細(xì)介紹了JQuery ajax請求struts action實現(xiàn)異步刷新,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-04-04
  • 查找iframe里元素的方法可傳參

    查找iframe里元素的方法可傳參

    查找iframe里面的元素在項目里用的還是比較多的,下面為大家介紹個方法可傳參,感興趣的朋友可以參考下
    2013-09-09
  • HTML頁面彈出居中可拖拽的自定義窗口層

    HTML頁面彈出居中可拖拽的自定義窗口層

    這篇文章主要介紹了HTML頁面如何彈出居中可拖拽的自定義窗口層,需要的朋友可以參考下
    2014-05-05
  • 各種選擇框jQuery的選中方法(實例講解)

    各種選擇框jQuery的選中方法(實例講解)

    下面小編就為大家?guī)硪黄鞣N選擇框jQuery的選中方法(實例講解)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-06-06
  • jQuery formValidator表單驗證

    jQuery formValidator表單驗證

    這篇文章主要介紹了jQuery formValidator表單驗證 的相關(guān)資料,需要的朋友可以參考下
    2016-01-01
  • NodeJS使用jQuery選擇器操作DOM

    NodeJS使用jQuery選擇器操作DOM

    這篇文章主要介紹了NodeJS使用jQuery選擇器操作DOM的相關(guān)資料,需要的朋友可以參考下
    2015-02-02
  • IE8兼容Jquery.validate.js的問題

    IE8兼容Jquery.validate.js的問題

    本文主要介紹IE8兼容Jquery.validate.js兼容問題并提供哦了解決方法。需要的朋友來看下吧
    2016-12-12
  • jQuery 監(jiān)控鍵盤一段時間沒輸入

    jQuery 監(jiān)控鍵盤一段時間沒輸入

    當(dāng)一個文本框中,里面的內(nèi)容1秒鐘無變化,則表示用戶1秒鐘內(nèi)無輸入,說明用戶是已經(jīng)輸入完成,再等待返回數(shù)據(jù)了。那么jQuery如何實現(xiàn)判斷1秒內(nèi)無輸入呢,一起通過本文學(xué)習(xí)吧
    2016-04-04
  • jQuery實現(xiàn)點擊水紋波動動畫

    jQuery實現(xiàn)點擊水紋波動動畫

    今天要為大家紹一款由jquery實現(xiàn)的鼠標(biāo)單擊出現(xiàn)水波特效。用鼠標(biāo)點擊頁面,你可以看到頁面不斷出面水波紋效果。然后水波紋漸漸消失。效果非常不錯
    2016-04-04
  • 基于jquery的熱點內(nèi)容輪換效果

    基于jquery的熱點內(nèi)容輪換效果

    jquery輪換效果網(wǎng)上已經(jīng)很多了,不過這個效果挺有特色的。需要的朋友可以看下。
    2011-07-07

最新評論