id属性：
规定元素的唯一 id。
一个元素只能有一个id。id就如同一个标签的身份证一样是唯一的标示。
如下案例：
1.<script type="text/javascript" src="js/jquery-1.6.min.js"></script>
<script>
function getHidden() {
$("#123").html("aaaaaaa");
//$("#234").html("aaaaaaa");
}
</script>
<body>
<div id="123" id="234" οnclick="getHidden()">34353453</div>
</body>
在页面操作的时候，点击div，内容会变化为aaaaaaa。id=“123”有效。
2。<script type="text/javascript" src="js/jquery-1.6.min.js"></script>
<script>
function getHidden() {
//$("#123").html("aaaaaaa");
$("#234").html("aaaaaaa");
}
</script>
<body>
<div id="123" id="234" οnclick="getHidden()">34353453</div>
</body>
在页面操作的时候，点击div，内容不会变化为aaaaaaa。id=“234”无效。
3.<script type="text/javascript" src="js/jquery-1.6.min.js"></script>
<script>
function getHidden() {
$("#123").html("aaaaaaa");
//$("#234").html("aaaaaaa");
}
</script>
<body>
<div id="123" οnclick="getHidden()">34353453</div>
<div id="123"> 123</div>
</body>
在页面操作的时候，点击div，第一个div会变为aaaaaaa，第二个div不会变
4.<style type="text/css">
#123 {background-color: red}
</style>
<body>
<div id="123"οnclick="getHidden()">34353453</div>
<div id="123" >123</div>
</body>
</html>
在页面加载时两个div会变为红色。对于css来说，在不同的标签里，相同的id都有效。
5..<style type="text/css">
#123 {background-color: red}
</style>
<body>
<div id=“234”id="123"οnclick="getHidden()">34353453</div>
</body>
</html>
在页面加载时，div不会变为红色。对于css来说：一个标签中的第二个id无效。
6.<style type="text/css">
#123 {background-color: red}
</style>
<body>
<divid="123" id=“234” οnclick="getHidden()">34353453</div>
</body>
</html>
在页面加载时，div会变为红色。对于css来说：一个标签中的第一个id有效。
综合上面的案例可以得出：
在jquery中：同一个标签中第一个是有效，不是同一标签也是第一个标签有效。
在css中：同一个标签中第一个是有效，不是同一个标签都有效。
扫一扫
462
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
