jQuery對象與DOM對象的相互轉(zhuǎn)換

jQuery對象:就是通過jQuery包裝DOM對象后產(chǎn)生的對象嫉髓。是其獨(dú)有的,可以使用jQuery中所有的方法糯钙。

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

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

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

????????$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對象設(shè)置文本";

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

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

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


jQuery對象和DOM對象的相互轉(zhuǎn)換

1.jQuery對象轉(zhuǎn)DOM對象

var $li = $("li");

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

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

--其實(shí)jQuery對象轉(zhuǎn)DOM對象的實(shí)質(zhì)就是取出jQuery對象中封裝的DOM對象蔗衡。


2.DOM對象轉(zhuǎn)jQuery對象

對于已經(jīng)是一個(gè)DOM對象,只需要用$()把DOM對象包裝起來--$(DOM對象)乳绕,就可以獲得一個(gè)jQuery對象了绞惦。

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

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

轉(zhuǎn)換之后就可以使用jQuery的方法了


?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市洋措,隨后出現(xiàn)的幾起案子济蝉,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 207,113評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件王滤,死亡現(xiàn)場離奇詭異贺嫂,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)雁乡,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,644評論 2 381
  • 文/潘曉璐 我一進(jìn)店門第喳,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人踱稍,你說我怎么就攤上這事曲饱。” “怎么了寞射?”我有些...
    開封第一講書人閱讀 153,340評論 0 344
  • 文/不壞的土叔 我叫張陵渔工,是天一觀的道長。 經(jīng)常有香客問我桥温,道長引矩,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,449評論 1 279
  • 正文 為了忘掉前任侵浸,我火速辦了婚禮旺韭,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘掏觉。我一直安慰自己区端,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,445評論 5 374
  • 文/花漫 我一把揭開白布澳腹。 她就那樣靜靜地躺著织盼,像睡著了一般。 火紅的嫁衣襯著肌膚如雪酱塔。 梳的紋絲不亂的頭發(fā)上沥邻,一...
    開封第一講書人閱讀 49,166評論 1 284
  • 那天,我揣著相機(jī)與錄音羊娃,去河邊找鬼唐全。 笑死,一個(gè)胖子當(dāng)著我的面吹牛蕊玷,可吹牛的內(nèi)容都是我干的邮利。 我是一名探鬼主播,決...
    沈念sama閱讀 38,442評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼垃帅,長吁一口氣:“原來是場噩夢啊……” “哼延届!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起挺智,我...
    開封第一講書人閱讀 37,105評論 0 261
  • 序言:老撾萬榮一對情侶失蹤祷愉,失蹤者是張志新(化名)和其女友劉穎窗宦,沒想到半個(gè)月后赦颇,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體二鳄,經(jīng)...
    沈念sama閱讀 43,601評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,066評論 2 325
  • 正文 我和宋清朗相戀三年媒怯,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了订讼。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,161評論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡扇苞,死狀恐怖欺殿,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情鳖敷,我是刑警寧澤脖苏,帶...
    沈念sama閱讀 33,792評論 4 323
  • 正文 年R本政府宣布,位于F島的核電站定踱,受9級特大地震影響棍潘,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜崖媚,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,351評論 3 307
  • 文/蒙蒙 一亦歉、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧畅哑,春花似錦肴楷、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,352評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至泥张,卻和暖如春呵恢,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背圾结。 一陣腳步聲響...
    開封第一講書人閱讀 31,584評論 1 261
  • 我被黑心中介騙來泰國打工瑰剃, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人筝野。 一個(gè)月前我還...
    沈念sama閱讀 45,618評論 2 355
  • 正文 我出身青樓晌姚,卻偏偏與公主長得像,于是被迫代替她去往敵國和親歇竟。 傳聞我的和親對象是個(gè)殘疾皇子挥唠,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,916評論 2 344

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

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標(biāo)準(zhǔn)焕议。 注意:講述HT...
    kismetajun閱讀 27,424評論 1 45
  • 前端開發(fā)面試題 面試題目: 根據(jù)你的等級和職位的變化宝磨,入門級到專家級,廣度和深度都會(huì)有所增加。 題目類型: 理論知...
    怡寶丶閱讀 2,570評論 0 7
  • 概要 64學(xué)時(shí) 3.5學(xué)分 章節(jié)安排 電子商務(wù)網(wǎng)站概況 HTML5+CSS3 JavaScript Node 電子...
    阿啊阿吖丁閱讀 9,096評論 0 3
  • 我想唤锉,我與廈門是真的有緣分的世囊。 2017年里來了兩次廈門。 第一次是因?yàn)閴粝胧⒌洌?第二次是因?yàn)樽约哼€有3天的年休...
    冰醬終于有貓了閱讀 248評論 0 1
  • 著實(shí)是對微信微博喪失了信心窿祥,又想著對自己生活的點(diǎn)滴能有個(gè)記錄株憾,所以翻著找著來到簡書了。先試著看吧晒衩。 是啊嗤瞎,誰不...
    聽水拾白閱讀 96評論 0 1