jQuery DOM操作之属性操作
本文共 812 字，大约阅读时间需要 2 分钟。
在jQuery中用，用attr()方法来获取和设置元素属性，用removeAttr()方法来删除元素属性。已知<body>标签中有如下代码：
我喜欢画画
1、获取属性 如果要获取<p>元素的属性 title ， 需要向attr( )方法传递一个参数，即属性名称。 jQuery代码如下：
运行代码弹出框内容就是<p>标签的title属性中的内容
但是为了代码简洁，接下来都采用下边的方式书写。不再一一定义新变量来获取节点。
上边的获取<p>节点的title属性可以直接写成：
alert($("p").attr("title")); 2、设置属性
假设<body>标签中有如下代码：如果要设置<p>元素属性的title值，也可以使用attr( )方法。不同的是需要传递两个参数。即属性名称和对应的值。 以下代码应该在<script></script>标签中。 此处省略我喜欢画画
var p_set=$("p").attr("title","你的爱好是？"); 此时再获取<p>标签的title属性。依然会得到上述弹框图。 如果需要一次性为同一个元素设置多个属性，可以使用下面的代码来实现： 假设<body>标签中有如下代码： 我喜欢画画
现在将<p>标签分别设置两个属性、title 和 name 。
$("p").attr({"title":"你的爱好是？","name":"hobby"}); 注意 前边是 属性名，后边是属性值。设置多个属性的时候用花括号{ } 扩着，中间用 "," 隔开。 3、删除属性
假设<body>标签中有如下代码：我喜欢画画
用removeAttr()方法后，
$("p").removeAttr("title"); 运行代码，<p>元素的title属性将被删除，此时<p>元素的HTML结构由 <p title="你的爱好是？">我喜欢画画</p>
变为
<p>我喜欢画画</p>
你可能感兴趣的文章
Lightoj1341——Aladdin and the Flying Carpet（算术基本定理）
查看>>
Lightoj1336——Sigma Function（因子和）
查看>>
Lightoj1282——Leading and Trailing（幂取模求前三位）
查看>>
Lightoj1259——Goldbach`s Conjecture（哥德巴赫猜想）
查看>>
hdu1848——Fibonacci again and again（SG函数）
查看>>
hdu5734——Acperience（数学推导）
查看>>
hdu5742——It's All In The Mind（模拟）
查看>>
hdu5744——Keep On Movin（构造回文）
查看>>
hdu5776——sum（抽屉原理）
查看>>
hdu5752——Sqrt Bo（水）
查看>>
hdu5793——A Boring Question（快速幂+逆元）
查看>>
poj1797——Heavy Transportation（最大生成树）
查看>>
hdu5810——Balls and Boxes（数学推导）
查看>>
poj3268——Silver Cow Party（最短路+godv之力）
查看>>
poj1860——Currency Exchange（Eellman-Ford+权值为正的环路）
查看>>
poj3259——Wormholes（Eellman-Ford算法）
查看>>
poj1502——MPI Maelstrom（dijkstra算法）
查看>>
poj3660——Cow Contest（判断绝对顺序）
查看>>
poj2240——Arbitrage（Bellman-Ford算法）
查看>>
poj1511——Invitation Cards（SPFA+邻接表）
查看>>