這只是部分常用的屬性操作,日後會陸續更新:
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