jQuery元素添加方法
1、使用attr()方法,直接使用jQuery语句。
attr()方法:attr(name|properties|key,value|key,fn):设置或返回被选元素的属性值。
1、name:返回name属性的属性值:
2、properties:使用JavaScript对象设置属性的属性值:
3、key,value:
4、key,fn:
代码示例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/jquery-1.8.3.js" ></script>
</head>
<body>
<div id="tittle">zzu</div>
<a id="bd">百度yixia</a>
<span id="time"></span>
<script>
var tittle = $("#tittle").attr("id");
console.log(tittle);
$("#bd").attr("href","http://www.baidu.com");
</script>
</body>
</html>
结果显示为:
2、在body中使用anload标签属性
代码示例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/jquery-1.8.3.js" ></script>
<script>
function t(){
$("#bd").attr("href","http://www.baidu.com");
}
</script>
</head>
<body onload="t()">
<div id="tittle">zzu</div>
<a id="bd">百度yixia</a>
</body>
</html>
结果显示为:
3、通过调用function匿名方法实现:
代码示例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/jquery-1.8.3.js" ></script>
<script>
$(function(){
$("#bd").attr("href","http://www.baidu.com");
})
</script>
</head>
<body>
<div id="tittle">zzu</div>
<a id="bd">百度yixia</a>
</body>
</html>
结果显示为:
4、通过$(document)手段进行如法3操作:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/jquery-1.8.3.js" ></script>
<script>
$(document).ready(function(){
$("#bd").attr("href","http://www.baidu.com");
})
</script>
</head>
<body>
<div id="tittle">zzu</div>
<a id="bd">百度yixia</a>
</body>
</html>
结果显示为: