当文本中定义了相同的id值或相同的class值时,定义为id不可以同时操作,定义为class可以同时对那些值进行操作。如下例所示:
描述要求,要求点击按钮时能够对两个文本框进行隐藏
下面情况不能达到效果(当然jquery包已经导入啦):
<html>
<head>
<script type="text/javascript">
$(document).ready(function(){
$("#button").click(function(){
$("#tx1").hide();
});
});
</script>
</head>
<body>
<input type="text" id="tx1" />
<input type="text" id="tx1" />
<input type="button" id="button" />
</body>
</html>
下面情况能行
<html>
<head>
<script type="text/javascript">
$(document).ready(function(){
$(".button").click(function(){
$(".tx1").hide();
});
});
</script>
</head>
<body>
<input type="text" class="tx1" />
<input type="text" class="tx1" />
<input type="button" class="button" />
</body>
</html>
posted on 2011-07-28 19:18
Terry Zou 阅读(163)
评论(0) 编辑 收藏 所属分类:
jQuery