您的位置:首页 > Web前端 > JQuery

JQuery 节点元素的属性操作

2012-02-10 16:52 579 查看
在JQuery中,用attr()方法来获取和设置元素属性,removeAttr()方法来删除元素属性。

获取属性和设置属性

如果要获取p元素的属性title,那么只需要给attr()方法传递一个参数,即属性名称。

1
var
$para = $(
"p"
);
//获取<p>节点
2
var
p_txt = $para.attr(
"title"
);
//获取<p>元素节点属性title
如果要设置<p>元素的属性title的值,也可以使用同一个方法,不同的是,需要传递两个参数即属性名称和对应的值。

1
$(
"p"
).attr(
"title"
,
"your title"
);
//设置单个的属性值
如果需要一次性为同一个元素设置多个属性,可以使用下面的代码来实现:

1
$(
"p"
) .attr({
"title"
:
"your title"
,
"name"
:
"test"
});
2
//将一个“名/值”形式的对象设置为匹配元素的属性
JQuery中的很多方法都是同一个函数实现获取(getter)和设置(setter)的,例如上面的attr()方法,既能设置元素属性的值,也能获取元素属性的值。类似的还有html()、text()、height()、width()、val()和css()等方法。

删除属性

在某些情况下,需要删除文档中某个元素的特定属性,可以使用removeAttr()方法来完成该任务。

如果需要删除p元素的title属性,可以使用下面的代码实现:

1
$(
"p"
).removeAttr(
"title"
); 
//删除<p>元素的属性title
在Firebug下可以看得非常清楚。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: