jquery 相同ID, 相同class的区别

jquery无法获取相同id的元素,如果要实现类似的功能,可以使用相同的class。

例子如下:

<html>
<head>
<script src="scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="scripts/jquery.validate.js" type="text/javascript"></script>
<script src="scripts/jquery-impromptu.4.0.js" type="text/javascript"></script>

<script type="text/javascript">

function change_id_name(){
	var par=1;
	$("#label_id1").each(function(index, emelemt){
			$(this).html("fdfd");
		});
}

function change_class_name(){

	$(".label_class2").each(function(index, element){
			$(this).html("hahaha");
		});

}
</script>
</head>

<body>

<label id="label_id1" class="label_class1"> id_1 class_1</label><br>
<label id="label_id1" class="label_class2"> id_1 class_2</label><br>
<label id="label_id2" class="label_class2"> id_2 class_2</label><br>

<button type="button" onclick="change_id_name()"> ChangeSameId </button><br>
<button type="button" onclick="change_class_name()"> ChangeSameClass</button>

</body>

</html>


显示结果:

jquery 相同ID, 相同class的区别_第1张图片

点击 changeSameId,结果如下, id_1 class_2的label没有变

jquery 相同ID, 相同class的区别_第2张图片

点击ChangeSameClass, id_1 class_2的label和id_2 class_2的label都变掉了。



你可能感兴趣的:(jquery 相同ID, 相同class的区别)