JQuery种选择器只对原始类名元素起作用
JQuery类选择器只对原始类名元素起作用
JQuery类选择器只对原始类名元素起作用,对后添加的class不起作用。
html代码:
js:
css:
代码如上,只有单击p4标签时,才会弹出alert对话框。
使用火狐firebug查看html,所有的p元素都添加了class,但是为什么不起作用呢?
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,但是为什么不起作用呢?