`
robinjoe
  • 浏览: 44999 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JQuery类选择器只对原始类名元素起作用

阅读更多
JQuery类选择器只对原始类名元素起作用,对后添加的class不起作用。

html代码:
 
<body>
  <h3 align="center">joeking</h3>
  <hr>
  <p>p1</p><br>
  <p id="p">p2</p><br>
  <p>p3</p>
  <p class="red">p4</p>
 </body>

js:
$(document).ready(function(){
	$("p").click(function(){
		$("p").addClass("red");
	});

	$("#p").click(function(){
		$(this).removeClass("red");
	});

	$(".red").click(function(){
		alert("this is red");
	});
});

css:
.red{color:red}
p{text-align:center}


代码如上,只有单击p4标签时,才会弹出alert对话框。
使用火狐firebug查看html,所有的p元素都添加了class,但是为什么不起作用呢?
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics