属性
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!");