对DOM元素的属性属性jQuery操作详细的讨论()和()方法removeatrr
attr():读或写的匹配元素的属性值。
RemoveAttr():从匹配的元素中删除指定的属性。
attr()方法读取操作
attr()读操作。读取是匹配元素中第一个元素的指定属性值。
格式:.attr(属性),返回值类型:字符串。读取非现有属性返回到未定义的属性。
注选择器的选择结果可以是一组,其中仅获得集合中第一个元素的值。
看看例子:
复制代码代码如下所示:
$(文档)Ready(函数(){)
$(按钮)。Click(函数(){)
警报($(p)。Attr(标题)); / /获得的财产
此代码只能获取第一个元素的属性。
});
});
1款
2款
获得称号
运行结果:弹框显示:title1。
为了分别获得每个元素的属性,您需要使用jQuery的循环结构,如每个()或map()方法。
上述示例可以更改为:
复制代码代码如下所示:
$(文档)Ready(函数(){)
$(按钮)。Click(函数(){)
为选择中的每个元素获取属性。
$()。每个(函数(){)
警报($(this)。Attr(标题));
});
});
});
您可以分别获得每个元素的属性。
attr()方法写操作
attr()的写操作。将一个值赋给匹配元素的一个或多个属性。
一般格式:.attr(属性,值),即设定值。该属性
返回值类型:jQuery。同时支持链式方法调用。
在执行写操作时,如果指定的属性名不存在,它将添加名称的属性,即添加自定义属性,称为属性名,其值为值。
为匹配集中的每个元素编写属性。看例子:
复制代码代码如下所示:
$(文档)Ready(函数(){)
$(# Button1)。Click(function(){)
$(p)。Attr(标题
});
});
这是一段话。
这是一部
这是另一段。
这是一部
单击按钮后,所有p都添加到标题Hello World的属性中。
有以下两种格式的写作形式:
。属性(属性)和属性(属性、功能)。
下面分别介绍。
属性(属性):
这是plainobject属性类型,可以同时设置多个属性。
PlainObject是什么,一个简单的键值由括号括起来的理解是序列。您可以参考后问题链接描述。
键和值用冒号()分隔,每个键值用逗号(,)分隔。
注意:当设置多个属性值时,属性名的引号是可选的(可以有,也不能)。但是class属性是一个异常,必须添加引号。
实例:
复制代码代码如下所示:
$(文档)Ready(函数(){)
$(# Button1)。Click(function(){)
$(p)。Attr(标题
});
$(# button2)。Click(function(){)
$(div)。Attr({标题:一些标题DIV
});
});
这是一段话。
这是一部
这是另一段。
这是一部
单击两个按钮后,元素被更改为:
hello是一个新的自定义属性,它的值是世界。
。属性(属性、函数(指数、属性的旧值)):
使用函数设置属性值的第一个参数。函数是索引,第二个参数是属性前面的值。
看看例子:
复制代码代码如下所示:
{ div
颜色:蓝色;
}
{跨度
颜色:红色;
}
{ B
字体重量:加粗;
}
$(文档)Ready(函数(){)
$()
attr(身份证。
如果(oldattr){
返回div ID+指数+ oldattr;
{ { { }
返回div id+索引;
}
})
每个函数(){()
$()
});
});
零号
弗斯特
二
作为上述示例的结果,相应的页面结果如下:
当使用设置属性值的方法时,如果集合的函数不返回值或返回到未定义的值,则当前值不会更改。
也就是说,操作将被忽略。
作为一个例子,在attr函数()返回未定义:
如下:
复制代码代码如下所示:
$(文档)Ready(函数(){)
$(div)。Attr(身份
返回未定义;
}。每个(函数(){)
$()
});
});
返回页面的效果如下:
也就是说,不进行修改,也不保留原始属性值。
注意:jQuery不能修改type属性,如果浏览器中的修改是错误的。
这是因为类型属性不能在IE浏览器中修改。
RemoveAttr()方法
删除匹配元素集合中每个元素的指定属性。
这把()方法调用removeattribute()方法的Javascript,但它可以直接通过jQuery对象调用,它需要考虑和处理不同浏览器的属性名称的问题,这可能不统一。
实例:
复制代码代码如下所示:
$(文档)Ready(函数(){)
$(输入{类型=按钮)。Click(函数(){)
$(div)。RemoveAttr(标题);
});
});
零
单击按钮后,title属性将被删除。
注:OnClick与把去除()不能在IE6-8。为了避免这一问题,应使用道具()方法。
例如:
复制代码代码如下所示:
element.prop美元(onclick
console.log(onclick属性: