`

jQuery选择器中的注意事项

 
阅读更多

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_高清_书签.part2

    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 选择器用法实例分析【prev + next】

    主要介绍了jQuery 选择器用法,结合实例形式分析了jQuery选择器prev 与 next基本功能、用法及相关注意事项,需要的朋友可以参考下

    jQuery学习资料

    六 jQuery选择器实验室 19 七.API文档 20 八.总结 20 从零开始学习jQuery (三) 管理jQuery包装集 21 一.摘要 21 二.前言 21 三.动态创建元素 21 四.管理jQuery包装集元素 25 五.常用函数举例 30 六.总结 30 从零开始...

    jQuery选择器中含有空格的使用示例及注意事项

    选择器中的空格是不容忽视的,多一个空格或少一个空格也许得到的结果会截然不同的,下面以一个示例为大家详细介绍下到底有什么不同,感兴趣的朋友额可以参考下

    jQuery选择器特殊字符与属性空格问题

    主要介绍了jQuery选择器特殊字符与属性空格问题。通过选择器中含有特殊符号的注意事项和选择器中含有空格的注意事项详细介绍了解决问题的办法,需要的朋友可以参考下

    jQuery选择器用法实例详解

    主要介绍了jQuery选择器用法,结合实例分析了jQuery选择器的具体使用技巧与注意事项,需要的朋友可以参考下

    jQuery 选择器用法基础入门示例

    主要介绍了jQuery 选择器用法,结合实例形式详细分析了jQuery选择器的基本功能、使用方法及操作注意事项,需要的朋友可以参考下

    jquery.validate Validation .js验证框架 帮助 手册 文档 chm

    (三、四)选择器及实用工具 (jQuery validation) 7 四、实用工具(Utilities) 8 (五)验证器 (jQuery validation) 8 (六)内置验证方法 (jQuery validation) 10 (七)注意事项 (jQuery validation) 16 (八)应用...

    jQuery内容选择器与表单选择器实例分析

    主要介绍了jQuery内容选择器与表单选择器,结合实例形式分析了jQuery内容选择器与表单选择器的功能、用法及相关操作注意事项,需要的朋友可以参考下

    jQuery位置选择器用法实例分析

    主要介绍了jQuery位置选择器用法,结合实例形式分析了jQuery位置选择器的功能、用法及相关操作注意事项,需要的朋友可以参考下

    jQuery1.3中文帮助手册下载

    此帮助手册从Ajax、CSS、事件、属性、工具、效果、文档处理、核心、筛选、选择器等几个方面提供了详细的介绍和方法,相信对大家使用jQuery有很大的帮助。 使用本手册注意事项: 由于计算机的本地文件保护设置, ...

    jQuery子选择器与可见性选择器实例分析

    主要介绍了jQuery子选择器与可见性选择器,结合实例形式分析了jQuery子选择器与可见性选择器的功能、常见用法及相关操作注意事项,需要的朋友可以参考下

    jQuery层叠选择器用法实例分析

    主要介绍了jQuery层叠选择器用法,结合实例形式分析了jQuery层叠选择器功能、用法及相关操作注意事项,需要的朋友可以参考下

    jQuery属性选择器用法实例分析

    主要介绍了jQuery属性选择器用法,结合实例形式分析了jQuery属性选择器功能、用法及相关操作注意事项,需要的朋友可以参考下

    jQuery中元素选择器(element)简单用法示例

    主要介绍了jQuery中元素选择器(element)用法,简单通俗的说明了jQuery元素选择器的功能、用法并结合实例形式分析了jQuery元素选择器的相关使用技巧与注意事项,需要的朋友可以参考下

    JQuery常用选择器功能与用法实例分析

    主要介绍了JQuery常用选择器功能与用法,结合实例形式分析了jquery常见选择器基本功能、使用方法及操作注意事项,需要的朋友可以参考下

    jquery.validate Validation .js验证框架 帮助 手册 文档.doc

    (三、四)选择器及实用工具 (jQuery validation) 7 四、实用工具(Utilities) 8 (五)验证器 (jQuery validation) 8 (六)内置验证方法 (jQuery validation) 10 (七)注意事项 (jQuery validation) 16 (八)应用...

    jquery遍历checkbox的注意事项说明

    这两天在做前端项目时,想通过jquery遍历页面上的checkbox,用以下代码: 代码如下:var val_instanceCodeStr = “”; $(“input[type=’checkbox’] [name=’chk_jvmMachineName’]:checked”).each( function() {...

Global site tag (gtag.js) - Google Analytics