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，但是为什么不起作用呢？
分享到：
相关推荐
通过对上述内容的学习，我们可以了解到jQuery提供了丰富的选择器来帮助开发者高效地操作DOM元素。同时，jQuery还提供了多种方法来操作元素集合，如过滤、数据操作等，大大提高了开发效率。对于初学者来说，掌握好...
jQuery选择器是用于选取DOM元素的一种强大工具。除了常见的类选择器、ID选择器、元素选择器和通配符选择器之外，还有复合选择器，如后代选择器（空格）、子选择器（`>`）、相邻兄弟选择器（`+`）、一般兄弟选择器（`...
jQuery 元素选择器和属性选择器允许您通过标签名、属性名或内容对 HTML 元素进行选择。 选择器允许您对 HTML 元素组或单个元素进行操作。 在 HTML DOM 术语中： 选择器允许您对 DOM 元素组或单个 DOM 节点进行操作。...
- selector属性：获取创建jQuery对象时使用的原始选择器。 - get([index])：通过索引获取DOM元素。 - index([selector|element])：返回集合中元素相对于其同级元素的索引。 - data([key],[value])：获取或设置与...
1. **选择器**：jQuery的选择器类似于CSS选择器，用于定位DOM中的元素。例如，`$("#id")`选择ID为特定值的元素，`$(".class")`选择所有具有特定类名的元素，`$("input[type='text']")`则选择所有文本输入框。 2. **...
- **选择器**：jQuery的选择器是基于CSS选择器的扩展，如`$("#id")`用于选取ID为指定值的元素，`$(".class")`选取所有类名为指定值的元素。 - **链式调用**：jQuery对象返回的是自身，因此可以连续调用多个方法，...
- `$()`：将DOM元素或选择器转换为jQuery对象。 - `[index]` 或 `.get(index)`：从jQuery对象中获取原始DOM元素。 **十、兼容性和性能优化** jQuery 1.6在兼容性和性能方面做了很多工作，确保在不同浏览器下稳定...
2. **选择器**：jQuery提供了丰富的CSS选择器，允许开发者根据ID、类名、属性等条件选取DOM元素。例如，`$("#myID")`选择ID为"myID"的元素，`$(".myClass")`选择所有类名为"myClass"的元素。 3. **DOM操作**：...
在给出的示例代码中，每个选择器的用法都通过`var`声明一个jQuery对象，然后使用`.get()`方法获取原始DOM元素并执行相应的操作，如弹出`alert()`对话框显示元素内容。这样的实践有助于理解每个选择器如何工作，以及...
- **$(expression)**：通过 CSS 选择器表达式选取元素，如 `$("#id")` 或 `$(".class")`，返回一个或多个 JQuery 对象。 - **$(html)**：创建一个新的 HTML 元素，如 `$("<span>hello world</span>")`，并将其包装...
例如，如果你的div有特定的类名，使用类选择器将比使用通用选择器（如 $('div')）更快。 接下来是DOM操作。jQuery提供了一些方法来操作DOM，比如`append()`, `prepend()`, `before()`, 和 `after()`。在排序div时，...
JQuery选择器是JQuery库中的核心功能之一，它允许开发者通过不同的方式选取页面中的元素，以便进行进一步的操作。基于JQuery选择器的使用方法多种多样，选择器可以按照元素的标签名、属性名、属性值以及其他特定的...
- `$.jQuery(selector[,context])`：根据给定的选择器和上下文获取元素集合。 - `$.jQuery(element)`：将单个DOM元素转换为jQuery对象。 - `$.jQuery(elementArray)`：将DOM元素数组转换为jQuery对象。 - `$.jQuery...
jQuery提供了丰富的选择器，用于选择页面上的元素： 1. **基本选择器**： - `$("div, span")`：选择多个类型的元素。 - `$("#id")`：根据ID选择元素。 - `$(".class")`：根据类名选择元素。 - `$("div")`：选择...
1. **选择器**：jQuery提供了丰富的CSS选择器，如`$("#id")`用于选取ID为特定值的元素，`$(".class")`用于选取具有特定类名的元素，`$("tagname")`则用于选取特定标签名的所有元素。此外，还可以使用组合选择器，如`...
jQuery使用CSS选择器来选取页面中的DOM元素，如`$("#id")`选取ID为"id"的元素，`$(".class")`选取所有class为"class"的元素。这些选择器返回的是一个jQuery对象集合，即使选取的元素只有一个，也会被封装成一个包含...
1. **选择要打印的区域**：开发者通过jQuery选择器（如ID、类名等）指定需要打印的DOM元素。 2. **创建临时iframe**：jQuery.PrintArea会创建一个隐藏的iframe，用于复制待打印的内容。 3. **内容注入**：选择的DOM...
- **jQuery选择器**：高效地选取需要操作的DOM元素，例如`$(".image-preview")`选取所有具有特定类名的图片。 - **事件委托**：对于动态添加的图片，可以使用事件委托来绑定事件，如`$("body").on("click", "....
- `selector`：返回创建该 jQuery 对象时使用的原始选择器表达式。 以上内容总结了 jQuery-1.3.2 中的一些基本用法和重要知识点，包括选择器、对象的创建和操作方法等方面。掌握这些基础知识有助于开发者更好地...
这个选择器支持多种方式来定位DOM元素，比如通过ID、类名、元素名称甚至是复杂的DOM或XPath表达式。返回的结果是一个jQuery对象（实际上是DOM元素的集合），这不同于原始的DOM对象。 - **通过ID选择元素**：`$("#...