日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢(xún)
選擇下列產(chǎn)品馬上在線(xiàn)溝通
服務(wù)時(shí)間:8:30-17:00
你可能遇到了下面的問(wèn)題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷(xiāo)解決方案
詳解jQuery對(duì)象與DOM對(duì)象的相互轉(zhuǎn)換

一直以來(lái)對(duì)于通過(guò)jQuery方式獲取的對(duì)象,卻不能直接使用JavaScript的方法很不理解,現(xiàn)在知道,原來(lái)jQuery獲得的對(duì)象并不和我們平時(shí)使用getElementById獲得的對(duì)象一樣。所以一些新手就很迷惑,為什么${”#Element”}不能直接innerHTML,這就是原因所在。

創(chuàng)新互聯(lián)公司專(zhuān)注于網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站、網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站制作、網(wǎng)站開(kāi)發(fā)。公司秉持“客戶(hù)至上,用心服務(wù)”的宗旨,從客戶(hù)的利益和觀點(diǎn)出發(fā),讓客戶(hù)在網(wǎng)絡(luò)營(yíng)銷(xiāo)中找到自己的駐足之地。尊重和關(guān)懷每一位客戶(hù),用嚴(yán)謹(jǐn)?shù)膽B(tài)度對(duì)待客戶(hù),用專(zhuān)業(yè)的服務(wù)創(chuàng)造價(jià)值,成為客戶(hù)值得信賴(lài)的朋友,為客戶(hù)解除后顧之憂(yōu)。

推薦閱讀:jQuery四大天王:核心函數(shù)詳解

jQuery對(duì)象與DOM對(duì)象的轉(zhuǎn)換

只有jQuery對(duì)象才能使用jQuery定義的方法。注意DOM對(duì)象和jQuery對(duì)象是有區(qū)別的,調(diào)用方法時(shí)要注意操作的是DOM對(duì)象還是jQuery對(duì)象。普通的DOM對(duì)象一般可以通過(guò)$()轉(zhuǎn)換成jQuery對(duì)象。

 
 
 
  1. $(document.getElementById("msg"))

則為jQuery對(duì)象,可以使用jQuery的方法。由于jQuery對(duì)象本身是一個(gè)集合。所以如果jQuery對(duì)象要轉(zhuǎn)換為DOM對(duì)象則必須取出其中的某一項(xiàng),一般可通過(guò)索引取出。

 
 
 
  1. $("#msg")[0],$("div").eq(1)[0],$("div").get()[1],$("td")[5]

這些都是DOM對(duì)象,可以使用DOM中的方法,但不能再使用jQuery的方法。以下幾種寫(xiě)法都是正確的:

 
 
 
  1. $("#msg").html(); 
  2. $("#msg")[0].innerHTML; 
  3. $("#msg").eq(0)[0].innerHTML; 
  4. $("#msg").get(0).innerHTML;

jQuery DOM操作方法的簡(jiǎn)單歸納

1.每個(gè)匹配的元素中插入新元素,使用:

 
 
 
  1. .append() 
  2. .appendTo() 
  3. .prepend()
  4. .prependTo()

2.要在每個(gè)匹配的元素相鄰的位置上插入新元素,使用:

 
 
 
  1. .after()
  2. .insertAfter()
  3. .before()
  4. .insertBefore()

3.要在每個(gè)匹配的元素外部插入新元素,使用:

 
 
 
  1. .wrap()

4.要用新元素或文本替換每個(gè)匹配的元素,使用:

 
 
 
  1. .html()
  2. .text()

5.要移除每個(gè)匹配的元素中的元素,使用:

 
 
 
  1. .empty()

6.要從文檔中移除每個(gè)匹配的元素及后代元素,但不實(shí)際刪除它們,使用:

 
 
 
  1. .remove()

原文地址:http://www.ccvita.com/192.html


本文名稱(chēng):詳解jQuery對(duì)象與DOM對(duì)象的相互轉(zhuǎn)換
網(wǎng)站URL:http://m.5511xx.com/article/cdhpipe.html