jQuery - 獲得內容和屬性

標籤：tor   ref   selector   value   bsp   寬度   turn   pre   sele   

1、獲得內容：text()、html()、val()

三個簡單實用的用於 DOM 操作的 jQuery 方法：

• text() - 設定或返回所選元素的常值內容
• html() - 設定或返回所選元素的內容（包括 HTML 標籤）
• val() - 設定或返回表單欄位的值

2、獲得屬性：atrr()

jQuery attr() 方法用於擷取屬性值。

1) 擷取 <a> 的 href 

$("a").attr("href")

 2) 擷取自訂屬性

  <p zhen="true" >總數</p>

$("p").attr("zhen")

 【注】以上是返回被選元素的值，還有設定屬性和值。

   1）設定被選元素的屬性和值。

   文法：  $(selector).attr(attribute,value)

   用法：  $("img").attr("width","180");  //擷取映像的寬度

   2）使用函數，設定被選元素的屬性/值

   文法： $(selector).attr(attribute,function(index,oldvalue))

   用法： $("img").attr("width",function(n,v){

                   return v-50;

               });     //減少映像的寬度 50 像素

    3）為被選元素設定一個以上的屬性和值。

   文法：  $(selector).attr({attribute:value, attribute:value ...})

   用法：  $("img").attr({width:"50",height:"80"});  //設定映像的寬和高

 

jQuery - 獲得內容和屬性