jQuery對象與DOM對象的相互轉換

jQuery對象:就是通過jQuery包裝DOM對象后產生的對象。是其獨有的,可以使用jQuery中所有的方法。

????????$("div");//標簽選擇器返回的jquery對象。

????????$("#btnShowDiv");//id選擇器返回的jquery對象。

????????var $obj = $("div");$obj.html("jquery對象設置文本的方法");

????????$obj.show();//jquery對象顯示文本

????????$obj.click(function() {});//jquery對象綁定事件

jQuery對象只能使用jquery對象的方法


DOM對象:使用JS中的方法獲取頁面中的元素返回的對象就是DOM對象。

eg:var btn =document.getElementById("btnShowDiv");

? ? ? ? var divs =document.getElementsByTagName("div");

? ? ? ? ?domObject.innerHTML ="dom對象設置文本";

? ? ? ? ?domObject.style.display="block";//dom對象顯示對象

? ? ? ? ?domObject.onclick =function() {}//dom對象綁定事件

DOM對象只可以使用DOM對象的方法和屬性


jQuery對象和DOM對象的相互轉換

1.jQuery對象轉DOM對象

var $li = $("li");

$li[0] ?-----第一種方法

$li.get(0)----第二種方法

--其實jQuery對象轉DOM對象的實質就是取出jQuery對象中封裝的DOM對象。


2.DOM對象轉jQuery對象

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

eg:var lis=document.getElementsByTagName("li");----//DOM對象

var $li=$(lis)--//jQuery對象

轉換之后就可以使用jQuery的方法了


?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標準。 注意:講述HT...
    kismetajun閱讀 27,632評論 1 45
  • 前端開發面試題 面試題目: 根據你的等級和職位的變化,入門級到專家級,廣度和深度都會有所增加。 題目類型: 理論知...
    怡寶丶閱讀 2,606評論 0 7
  • 概要 64學時 3.5學分 章節安排 電子商務網站概況 HTML5+CSS3 JavaScript Node 電子...
    阿啊阿吖丁閱讀 9,290評論 0 3
  • 我想,我與廈門是真的有緣分的。 2017年里來了兩次廈門。 第一次是因為夢想盛典; 第二次是因為自己還有3天的年休...
    冰醬終于有貓了閱讀 272評論 0 1
  • 著實是對微信微博喪失了信心,又想著對自己生活的點滴能有個記錄,所以翻著找著來到簡書了。先試著看吧。 是啊,誰不...
    聽水拾白閱讀 179評論 0 1