时间:2021-05-26
先看一个例子:
复制代码 代码如下:
<a id="easy" href="#">https:///img/bdlogo.gif", title: "百度" };
jQuery("#show").attr(v);
//将img的title设置为baidu,同上边的区别是每次只能设定一个属性
jQuery("#show").attr("title", "baidu");
//移除img的title属性
jQuery("#show").removeAttr("title");
});
大家可能已经发现了,在jQuery中attr()方法,既可以获得元素的属性值,又能设置元素的属性值。是的,在jQuery中,类似的方法还有很多,现在将它们总结下来,以后用起来也会比较容易。
方法有:
◦html() 获取或设置元素节点的html内容
◦text() 获取或设置元素节点的文本内容
◦height() 获取或设置元素高度
◦ width() 获取或设置元素宽度
◦ val() 获取或设置输入框的值
以html()为例,其余的相似:
复制代码 代码如下:
<div id="showhtml">baidu</div>
复制代码 代码如下:
//获得html,结果为baidu
jQuery("#showhtml").html();
//设置html,结果为I love baidu
jQuery("#showhtml").html("I love baidu");
以上这些就是jQuery操作元素属性的一些基本方法了,经过本次的总结,相信大家在使用jQuery时,会更加的熟练。
以下是其它网友的补充:
下面就列出jQuery中提供的方法:
操作元素属性:each(iterator)遍历包装集里所有元素,为各元素分别调用传递进来的迭代器函数。参数iterator 一个函数,为匹配集中的各元素分别调用一次。传递到函数的参数被设置为包装集里当前元素的下标(从0开始),而当前元素可通过函数this属性来访问。
复制代码 代码如下:
$('img').each(function(n){
this.alt='This is image['+n+'] with an id of'+this.id;
})
获取特性值:attr(name)获取指派到包装集里第一个元素指定特性的值。参数 name为特性的名称,该特性的值将被获取。如果没有该特性则返回undefined值。
<img id="myImage" src="image.gif" alt="An image" class="someClass" title="This is an image" custom="some value">
$("#myImage").attr("custom") 得到值就是some value。
设置特性值:attr(name,value)为包装集里的所有元素的name特性设置传递进来的值。name将被设置的特性的名称,value指定特性的值。
复制代码 代码如下:
$('*').attr('title',function(index) {
return 'I am element' '+ index +' and my name is ' +(this.id?this.id:'unset');
});
该函数是设置页面上的所有元素的title特性为一个字符串。由DOM中元素的下标和各个特定元素id特性值所组成的字符串。
attr()还可以一次设置多个特性到包装集里所有元素的快速简便的方式。attr(attributes)。
复制代码 代码如下:
$('input').attr(
{value:'',title:'please enter a value'}
);
该函数把所有<input>元素的value设置为空字符串,同时把title设置为字符串Please enter a value。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
Jquery属性遍历、HTML操作。Jquery拥有可操作HTML元素和属性的强大方法。下面是我整理的一些jquery遍历函数:.add()将元素添加到匹配元素
本文实例讲述了JQuery节点元素属性操作方法。分享给大家供大家参考。具体分析如下:在JQuery中,用attr()方法来获取和设置元素属性,removeAtt
jQuery拥有操作HTML元素和属性的强大方法。1.获取HTML元素的内容和属性 (1)获得内容:text()、html()以及val()方法MyTestJ
jQuery的属性操作非常简单,下面以一个a元素来说明属性的获取/设置/删除操作复制代码代码如下:jquery.com添加属性$('a').attr('href
jQuery拥有可操作HTML元素和属性的强大方法。jQuery中非常重要的部分,就是操作DOM的能力。jQuery提供一系列与DOM相关的方法,这使访问和