jQuery元素属性操作
2015-01-23 13:32
399 查看
在jQuery中,用attr()方法来获取或者设置元素属性,removeAttr()方法用来删除元素属性。
attr()
实例:
var $para=$('p');//获取<p>节点
var p_txt=$para.attr('title');//得到<p>元素的title属性
$para.attr('title','this is title');//设置<p>元素的title属性
$para.attr({'title':'this is title','name':'this is name'});//为<p>元素设置多个属性
注意! jQuery中很多方法都是同一个函数实现获取与设置的,例如上述attr()方法,既能获取元素属性值也能设置元素属性值。类似的还有html(),text(),height,width(),val(),css()....等方法
removeAttr()
实例:
HTML:
<p title='this is p'>this is p</p>
jQuery代码:
$('p').removeAttr('title');//删除<p>元素的title属性
结果:
<p>this is p</p>
attr()
实例:
var $para=$('p');//获取<p>节点
var p_txt=$para.attr('title');//得到<p>元素的title属性
$para.attr('title','this is title');//设置<p>元素的title属性
$para.attr({'title':'this is title','name':'this is name'});//为<p>元素设置多个属性
注意! jQuery中很多方法都是同一个函数实现获取与设置的,例如上述attr()方法,既能获取元素属性值也能设置元素属性值。类似的还有html(),text(),height,width(),val(),css()....等方法
removeAttr()
实例:
HTML:
<p title='this is p'>this is p</p>
jQuery代码:
$('p').removeAttr('title');//删除<p>元素的title属性
结果:
<p>this is p</p>
相关文章推荐
- 从零开始学习jQuery(4)-使用jQuery操作元素的属性与样式
- jquery之操作元素属性和特性(获取特性值,attr(name)方法的使用)
- Jquery中操作元素属性 css 属性
- jQuery 教程 (四) 使用jQuery操作元素的属性与样式 .NET
- 从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式
- 使用jQuery操作元素的属性与样式
- jquery之操作元素属性和特性(删除特性,removeAttr()方法的使用)
- JQuery操作元素的属性与样式及位置
- JQuery基础之(五)使用JQuery操作元素的属性和样式
- 从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式
- 从零开始学习jQuery (四) jQuery中操作元素的属性与样式
- jquery之操作元素属性和特性(设置特性值,attr(name,value),attr(attributes)方法的使用)
- 使用jQuery操作元素的属性与样式
- 使用jQuery操作元素的属性与样式
- jQuery新手入门(四) 使用jQuery操作元素的属性与样式
- jquery之操作元素属性和特性(操作元素属性,each()方法的使用)
- 从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式
- jQuery学习整理 (3) 使用jQuery操作元素的属性与样式
- jQuery学习3:操作元素属性和特性