常用的屬性操作(返回、設置)

這只是部分常用的屬性操作,日後會陸續更新:

1.html()   2.attr()  3.val()

實例:

1.html() :設置所有 p 元素的內容:

$(".btn1").click(function(){
  $("p").html("Hello <b>world</b>!");
});

定義和用法

html() 方法返回或設置被選元素的內容 (inner HTML)。

1.1返回元素內容

當使用該方法返回一個值時,它會返回第一個匹配元素的內容。

$(selector).html()

1.2設置元素內容

當使用該方法設置一個值時,它會覆蓋所有匹配元素的內容。

$(selector).html(content)

2.attr():改變圖像的 width 屬性:

$("button").click(function(){
  $("img").attr("width","180");
});

定義和用法

attr() 方法設置或返回被選元素的屬性值。

2.1返回屬性值

返回被選元素的屬性值。

$(selector).attr(attribute)

2.2設置屬性/值

設置被選元素的屬性和值。

$(selector).attr(attribute,value)

3.val():設置輸入域的值

$("button").click(function(){
  $(":text").val("Hello World");
});

定義和用法

val() 方法返回或設置被選元素的值。

元素的值是通過 value 屬性設置的。該方法大多用於 input 元素。

如果該方法未設置參數,則返回被選元素的當前值。

3.1返回 Value 屬性

返回第一個匹配元素的 value 屬性的值。

$(selector).val()

3.2設置 Value 屬性的值

$(selector).val(value)
詳情請參照:http://www.w3school.com.cn/jquery/jquery_ref_attributes.asp



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章