您的位置：首页 > Web前端 > JQuery

jQuery操作属性的相关方法

2016-05-07 20:24 585 查看

1.前言

下面这组方法是操作DOM对象属性的通用方法，可以操作DOM对象的通用属性，例如title、alt、src等。

1) attr(name)：访问jQuery对象里第一个匹配元素的name属性值。

2) attr(map):用于为jQuery对象里所有DOM对象同时设置多个属性值。

3) attr(name,value):用于为jQuery对象里的所有DOM对象设置单个属性值。

4) attr(key,fn):用于为jQuery对象里所有DOM对象设置单个属性值。

5) removeAttr(name):删除jQuery对象里所有DOM元素里的name属性值

6) prop(propName):访问jQuery对象里第一个匹配元素的proName属性值。

7) prop(properties):用于为jQuery对象里的所有DOM对象同时设置多个属性值。

8) prop(name, value):用于为jQuery对象里所有DOM对象设置单个属性值。其中name属性是必须设置的，value是需要设置的属性值。

9) prop(key,fn):用于为jQuery对象里所有DOM对象设置单个属性值，但浊直接给定属性值，而是提供fn函数，由fn函数来计算各元素的属性值。

10) removeProp(propName):删除jQuery对象里所有DOM对象里的propName.

2.例子

下面的程序示范了动态改变页面中<img…/>元素src属性的情况。

<!DOCTYPE html>
<html>
<head>
<meta name="author" content="OwenWilliam" />
<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
<title> 操作属性的工具方法 </title>
</head>
<body>
<img/><img/>
<div>
<img/><img/><img/>
</div>
<script type="text/javascript" src="../jquery-1.8.0.js">
</script>
<script type="text/javascript">
// 获取body下的img元素，并为这些img元素设置src属性值
$("body>img").attr("src" , "test.jpg")
.attr("alt" , "Java");
// 获取div下的img元素，并为这些img元素设置src属性值
$("div>img").attr("src" , function(index)
{
return index + 1 + ".gif";
});
</script>
</body>
</html>


3.运行结果

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航