|
1. 操纵属性
上文先容了怎样筛选到必要的元素。获得了元素之后就要对其举办操纵。一个常见的需求是遍历获得的元素集，对每一个元素举办一个操纵。jQuery提供的函数是
each(iterator)，个中iterator是一个函数，接管一个整数作为参数，暗示第几个元素。看一个简朴的例子。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jQuery Operation</title>
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript">
$(function() {
$('img').each(function(n) {
this.alt = "This is " + n + "th picture";
});
});
</script>
</head>
<body>
<h1>Image Gallery<br />March 13th,2010</h1>
<img src="img/bee.jpg" alt="" width="150px"/>
<img src="img/bright.jpg" alt="" width="150px"/>
<img src="img/crowd.jpg" alt="" width="150px"/>
<img src="img/pink.jpg" alt="" width="150px"/>
<img src="img/white.jpg" alt="" width="150px"/>
</body>
</html>功效用Firebug查察下：
在上例中，回收了原生javascript的要领存取属性，jQuery 提供了一个越发一样平常的要领来存取属性，attr：
attr(name),假如name是字符串，得到第一个元素的属性的name的值；假如name是一个工具，则工具的属性被作为元素的属性而复制到包装集的全部元素上。
attr(name,value),当name是字符串的时辰，就把属性name的值配置为value，当value是一个函数的时辰，则对包装齐集的每个元素挪用此函数，将其name的值配置为函数的返回值。
看一个简朴的例子，html代码如故行使上面的：
<scripttype="text/javascript">
$(function() {
$('body').children().attr('title', function(n) {
return"This is "+ n + "th element";
});
$('img').attr('alt', 'A photo taken by YinZixin');
alert($('h1').attr('title'));
});
</script>
功效为：
要删除属性，行使removeAttr(name)要领。 （编辑：河北网）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!
|
