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

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

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案
jQuery學(xué)習(xí)大總結(jié)(一)jQuery對(duì)象與dom對(duì)象轉(zhuǎn)換

這幾天會(huì)將jQuery的一些使用方法總結(jié)一下，希望能對(duì)jQuery初學(xué)者起到一定的幫助作用。

今天主要看看jQuery對(duì)象和dom對(duì)象的相互轉(zhuǎn)換，明白了這個(gè)，以后用起jQuery會(huì)方便很多。

1、方法名沖突的解決辦法 在開(kāi)始使用jQuery時(shí)，我們首先應(yīng)該避免jQuery與其他類庫(kù)或自定義js的沖突。 先看一段最簡(jiǎn)單的代碼：

 
 
    
  
  
  1. jQuery(document).ready(function() {
    2. 
  
  
  2.     alert("Welcome!");
    3. 
  
  
  3. });
    4.

在這里沒(méi)有使用$(document)這種寫(xiě)法，因?yàn)楹芏鄷r(shí)候我們自己定義了$(id)方法用來(lái)獲得元素，并且在prototype等類庫(kù)中也定義了$()方法。所以，為了避免沖突，建議大家也使用jQuery("#id")這種寫(xiě)法。

2、jQuery對(duì)象與dom對(duì)象的相互轉(zhuǎn)換 jQuery對(duì)象轉(zhuǎn)dom對(duì)象： jQuery("#id")獲得的是一個(gè)jQuery對(duì)象，它和普通的dom對(duì)象是不同的，所以不能直接使用dom對(duì)象定義的方法。由于jQuery對(duì)象 本身就是一個(gè)集合，所以可以通過(guò)索引將jQuery對(duì)象轉(zhuǎn)換成dom對(duì)象，如jQuery("#id")[0]就是一個(gè)dom對(duì)象。 看下邊一個(gè)例子：

 
 
    
  
  
    2. 
  
  
  2.     要顯示的內(nèi)容1
    3. 
  
  
  3.     要顯示的內(nèi)容2
    4. 
  
  
  4.     要顯示的內(nèi)容3
    5.

要獲得span中的內(nèi)容，使用以下方法均正確。

 
 
    
  
  
  1. //jQuery方法,獲得第一個(gè)span內(nèi)容
    2. 
  
  
  2. jQuery("#show span").html();
    3. 
  
  
  3. //獲得第三個(gè)span內(nèi)容
    4. 
  
  
  4. jQuery("#show span")[2].innerHTML;
    5. 
  
  
  5. //eq()返回jQuery對(duì)象,從eq(0)開(kāi)始。獲得第二個(gè)span內(nèi)容
    6. 
  
  
  6. jQuery("#show span").eq(1)[0].innerHTML;
    7. 
  
  
  7. //get()直接返回dom對(duì)象,從get(0)開(kāi)始。獲得第三個(gè)span內(nèi)容
    8. 
  
  
  8. jQuery("#show span").get(2).innerHTML;
    9.

dom對(duì)象轉(zhuǎn)jQuery對(duì)象： 使用jQuery()就可將dom對(duì)象轉(zhuǎn)為jQuery對(duì)象。 如：

 
 
    
  
  
  1. jQuery(document.getElementById("show")).html();
    2.

輸出結(jié)果為：

 
 
    
  
  
  1. 這樣就實(shí)現(xiàn)了jQuery對(duì)象和dom對(duì)象的相互轉(zhuǎn)換，比如想讓焦點(diǎn)停留在id為focus的文本框。只需：
    2. 
 
 
 
 
    
  
  
    2. 
  
  
  2.     要顯示的內(nèi)容1
    3. 
  
  
  3.     要顯示的內(nèi)容2
    4. 
  
  
  4.     要顯示的內(nèi)容3
    5.

網(wǎng)頁(yè)標(biāo)題：jQuery學(xué)習(xí)大總結(jié)(一)jQuery對(duì)象與dom對(duì)象轉(zhuǎn)換
當(dāng)前路徑：http://m.5511xx.com/article/cdhphce.html