av激情亚洲男人的天堂国语,日韩欧美精品一中文字幕,无码av一区二区三区无码,国产又色又爽又刺激的a片,国产又色又爽又刺激的a片

jQuery學習大總結(一)jQuery對象與dom對象轉換

這幾天會將jQuery的一些使用方法總結一下，希望能對jQuery初學者起到一定的幫助作用。

今天主要看看jQuery對象和dom對象的相互轉換，明白了這個，以后用起jQuery會方便很多。

1、方法名沖突的解決辦法 在開始使用jQuery時，我們首先應該避免jQuery與其他類庫或自定義js的沖突。 先看一段最簡單的代碼：

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

在這里沒有使用$(document)這種寫法，因為很多時候我們自己定義了$(id)方法用來獲得元素，并且在prototype等類庫中也定義了$()方法。所以，為了避免沖突，建議大家也使用jQuery("#id")這種寫法。

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

 
 
    
  
  
    2. 
  
  
  2.     要顯示的內容1
    3. 
  
  
  3.     要顯示的內容2
    4. 
  
  
  4.     要顯示的內容3
    5.

要獲得span中的內容，使用以下方法均正確。

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

dom對象轉jQuery對象： 使用jQuery()就可將dom對象轉為jQuery對象。 如：

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

輸出結果為：

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

文章題目：jQuery學習大總結(一)jQuery對象與dom對象轉換
文章出自：http://uogjgqi.cn/article/cdhphce.html
掃二維碼與項目經(jīng)理溝通

我們在微信上24小時期待你的聲音

解答本文疑問/技術咨詢/運營咨詢/技術建議/互聯(lián)網(wǎng)交流