1.选择器中含有特殊符号的注意事项（eg:"·"、"#"、"("、"]"）
解决办法，使用转义符转义
$('#id\\#b'); //转义特殊符“#”
$('#id\\[1\\]') //转义特殊字符“[]”
2.选择器中含有空格的注意事项
举例说明：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery空格注意事项</title>
<script src="js/jquery-1.8.0.min.js" type="text/javascript"></script>
<script type="text/javascript">
var $t_a = $('.test :hidden'); //带空格，选取class是test的元素里面的隐藏元素
var $t_b = $('.test:hidden'); //不带空格，选取隐藏的class为test的元素
var len_a = $t_a.length;
var len_b = $t_b.length;
alert("$('.test :hidden') = "+len_a); //输出4
alert("$('.test:hidden') = "+len_b); //输出3
</script>
</head>
<body>
<div class="test">
<div style="display:none">aa</div>
<div style="display:none">bb</div>
<div style="display:none">cc</div>
<div class="test" style="display:none">dd</div>
</div>
<div class="test" style="display:none">ee</div>
<div class="test" style="display:none">ff</div>
</body>
</html>
![]()
![]()
分享到：
相关推荐
- **选择元素**：首先，使用jQuery选择器选取需要同步的元素，例如`$('.selector1')`和`$('.selector2')`。 - **绑定事件**：为其中一个选择器绑定事件监听器，例如`change`事件，以便在用户做出选择时触发更新操作...
2. **初始化选择器**：在需要添加图标选择器的元素上，通过jQuery选择器进行初始化，例如： ```javascript $("#iconInput").fontIconPicker(); ``` 这将把ID为`iconInput`的元素转化为图标选择器。 3. **配置...
本文将深入探讨jQuery选择器中空格的使用示例以及需要注意的事项。 首先，我们要明白jQuery选择器中的空格代表的含义。在jQuery中，空格通常用于区分元素之间的层次关系。当一个选择器由两个或多个部分组成，中间由...
理解这种差异是正确使用jQuery选择器的关键。 3. **val()方法**： 使用`val()`方法设置或获取表单元素的值时，需要注意其读取顺序是从最后一个选项向前匹配。比如，如果`<option>`的`value`和`text`不一致，`val()...
2.1 jQuery选择器是什么 2.2 jQuery选择器的优势 2.3 jQuery选择器 2.3.1 基本选择器 2.3.2 层次选择器 2.3.3 过滤选择器 2.3.4 表单选择器 2.4 应用jQuery改写示例 2.5 选择器中的一些注意事项 2.5.1 选择器中含有...
### jQuery语法和注意事项 #### 一、页面元素的引用 在使用jQuery进行页面元素操作时，最基础也是最重要的就是能够准确地引用到页面中的元素。jQuery提供了多种方式来选取元素，包括通过`id`、`class`、`标签名`等...
jQuery选择器是jQuery库中的核心部分，用于高效地选取DOM元素。在JavaScript中，选取DOM元素通常需要编写复杂的代码，而jQuery提供了一套简洁、强大的选择器系统，使得选取元素变得简单直观。本文将深入探讨jQuery...
其中，jQuery选择器是jQuery库中一个非常核心的功能，它允许开发者选择页面中的一个或多个元素，然后对它们进行一系列操作。:text选择器便是其中一种专门用来选取表单元素中单行文本输入框的选择器。 在本文中，将...
jQuery的核心特性之一是其链式语法，即开发者可以在一个语句中连续进行多个操作，而且jQuery选择器不仅继承了CSS选择器的风格，还扩展了其功能。 在使用jQuery选择器时，需要注意的是jQuery对象和DOM对象是两个不同...
值得注意的是，压缩包中的“使用须知.txt”文件可能会包含有关如何在项目中正确引入和使用iColor插件的详细说明，以及可能的注意事项和更新日志。而“132677962065061462”很可能是iColor的版本号或者其他相关资源，...
4. 兼容性注意事项，因为不同的浏览器可能对颜色选择器的支持程度不同。 5. 如果有，可能会提供一些示例代码来帮助快速理解如何使用这个组件。 总的来说，这个资源提供了一个基于jQuery的自定义颜色选择器实现，...
例如，手册中的CSS选择器章节会详细解释如何使用jQuery选择器进行高效地元素定位，而DOM操作章节则会教授如何优雅地操作页面结构。在事件处理部分，你可以学习到如何正确地绑定和解绑事件，以及如何组织事件处理函数...
综上所述，jQuery 3.4.1是一个强大的JavaScript库，它的主要特点包括高效的选择器引擎、简洁的API、丰富的插件生态系统和跨浏览器兼容性。通过引入"jquery-3.4.1.js"，开发者可以轻松地实现各种前端功能，如动态修改...
以上所述就是jQuery中on方法使用时的一些注意事项和特性。通过本文的介绍，相信你对on方法有了更深入的理解，这将有助于你在实际项目中更加高效、正确地使用jQuery进行事件绑定和管理。希望本文的内容能够对你的学习...
首先，在使用jQuery选择器的时候，需要准确地指定要操作的元素。在本文档中，作者在选择器中错误地加入了一个空格，这导致jQuery无法正确匹配到任何checkbox元素。正确的选择器表达方式应该是把属性选择器紧密地连在...
3. **参数配置**：`.fastLiveFilter()`方法接受两个参数，第一个是需要过滤的元素选择器，第二个可选参数是一个回调函数，可以进行进一步的定制操作。 例如，可以设置匹配模式： ```javascript $("#searchInput")....
**学习jQuery1.3中文参考文档的注意事项** 1. **更新知识**：虽然jQuery1.3是较旧的版本，但理解其基本概念有助于学习更新的版本，如jQuery3.x。然而，要注意一些API可能在新版本中已经被废弃或更改。 2. **实践...
### jQuery选择器的使用注意事项 在使用jQuery选择器时，需要注意以下几点： - 选择器返回的是一个jQuery对象，而不是原生DOM对象。因此，要使用jQuery提供的方法，而非原生JavaScript DOM API。 - 复杂的选择器...
六 jQuery选择器实验室 19 七.API文档 20 八.总结 20 从零开始学习jQuery (三) 管理jQuery包装集 21 一.摘要 21 二.前言 21 三.动态创建元素 21 四.管理jQuery包装集元素 25 五.常用函数举例 30 六.总结 30 从零开始...