原來JQ屬性還能這樣搞

屬性

attr()

參數

attr(name|properties|key,value|fn)

設置或返回被選元素的屬性值。

示例

var $input = $(':input')
// 爲$input的value屬性賦值
$input.attr('value','this is input value')

var $img = $(':img')
// 獲取$img的src屬性
$img.attr('src')

removeAttr()

參數

removeAttr(name)

從每一個匹配的元素中刪除一個屬性

示例

// 刪除img元素的src屬性
$("img").removeAttr("src");

prop()

參數

prop(name|properties|key,value|fn)

獲取在匹配的元素集中的第一個元素的屬性值。

示例

var $checkbox = $(':checkbox')
// 爲$checkbox的checked屬性賦值
$input.prop('checked',true)
$input.prop('checked',false)

removeProp()

參數

removeProp(name)

用來刪除由.prop()方法設置的屬性集

示例

var $checkbox = $(':checkbox')
//移除$checkbox的checked屬性
$checkbox.removeProp("checked")

attr與prop

• attr(): 操作屬性值爲非布爾值的屬性
• prop(): 專門操作屬性值爲布爾值的屬性

addClass()

參數

addClass(class|fn)

爲每個匹配的元素添加指定的類名。

示例

// 爲p元素添加新的類樣式
$("p").addClass("selected");
$("p").addClass("selected1 selected2");

removeClass()

參數

removeClass(class|fn)

從所有匹配的元素中刪除全部或者指定的類。

示例

// 爲p元素移除selected的類樣式
$("p").removeClass("selected");

html()

參數

html([val|fn])

取得第一個匹配元素的html內容。這個函數不能用於XML文檔。但可以用於XHTML文檔

示例

// 返回p元素的html
$('p').html();
// 設置所有 p 元素的內容
$("p").html("Hello <b>world</b>!");

text()

參數

text([val|fn])

取得所有匹配元素的內容。

示例

// 返回p元素的文本內容
$('p').text();
// 設置所有 p 元素的文本內容
$("p").text("Hello world!");

val()

參數

val([val|fn|arr])

獲得匹配元素的當前值。

示例

// 獲取文本框中的值
$("input").val();
// 設定文本框的值
$("input").val("hello world!");