码迷,mamicode.com
首页 > 其他好文 > 详细

设置元素的属性

时间:2016-05-15 15:19:27      阅读:120      评论:0      收藏:0      [点我收藏+]

标签:

html:

 

<!DOCTYPE >
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<style type="text/css">
* {
margin: 20;
padding: 0;
font-family: "微软雅黑", "arial", " sans-serif";
}
#div_id{
background: #76DBA3;
}
.div_class{
width: 300px;
}
</style>
<script type="text/javascript" src="js/jquery-2.2.2.min.js"></script>
<script type="text/javascript">
$(function() {
$("#btn_setAttr").click(function() {
$("#div").attr({
"id":"div_id",
"class":"div_class"
});
});
})
</script>

</head>

<body>
<div id="div" class="div2" style="height: 200px;border: 1px red solid;">

</div>

<input id="btn_setAttr" type="button" value="设置属性信息" />

</body>

</html>

 

result:

 

技术分享

 

 

 

技术分享

 

设置元素的属性

标签:

原文地址:http://www.cnblogs.com/theWayToAce/p/5495199.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!