原来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!");