jQuery选择器中含有空格的注意事项
来源:互联网 发布:里皮的水平知乎 编辑:程序博客网 时间:2024/05/21 22:23
此文摘自《锋利的jQuery》,另外添加了一点自己的东西
选择器中的空格是不容忽视的,多一个空格或少一个空格也许得到的结果会截然不同的。下面来看一个例子。
先构建如下的HTML代码:
1
<
div
class
=
"test"
>
2
<
div
style
=
"display: none;"
>Jquery教程</
div
>
3
<
div
style
=
"display: none;"
>Jquery学习</
div
>
4
<
div
style
=
"display: none;"
>Jquery插件</
div
>
5
<
div
style
=
"display: none;"
class
=
"test"
>PHP学习</
div
>
6
</
div
>
7
<
div
style
=
"display: none;"
class
=
"test"
>Jquery插件教程</
div
>
8
<
div
style
=
"display: none;"
class
=
"test"
>Jquery插件学习</
div
>
jQuery代码:
1
var
$test_a = $(
".test :hidden"
);
//带空格的jQuery选择器
2
var
$test_b = $(
".test:hidden"
);
//不带空格的jQuery选择器
3
var
len_a = $test_a.length;
4
var
len_b = $test_b.length;
5
alert(
"带空格的jQuery选择器选出的jQuery元素是:"
+len_a+
"个"
);
//输出为4个
6
alert(
"不带空格的jQuery选择器选出的jQuery元素是:"
+len_b+
"个"
);
//输出为3个
之所以会出现不同的结果,这就是后代选择器和过滤选择器的不同了
1
var
$test_a = $(
".test :hidden"
);
//带空格的jQuery选择器
上面这段代码是选取class为“test”的元素里面的隐藏元素。(后代选择器)
1
var
$test_b = $(
".test:hidden"
);
//不带空格的jQuery选择器
这上面的代码则是选取隐藏的class为“test”的元素
注意:
有的选择器的用法,必须是空格,如果不带空格的话,那就取不到元素,比如:
1
$(
"select:selected"
).length;
//不管任何时候,这个选择器都取不到元素,这个length必然是0
2
$(
"select :selected"
);
//这样才是正确的
有的选择器的用法,必须不带空格,如果带空格的话,那就取不到元素,比如:
1
$(
"input :checked"
).length;
//不管任何时候,这个选择器都取不到元素,这个length必然是0
2
$(
"input:checked"
);
//这样才是正确的
- jQuery选择器中含有空格的注意事项
- jQuery选择器中含有空格的注意事项
- jQuery选择器中含有空格的注意事项
- jQuery选择器中含有空格的注意事项
- jQuery选择器中含有空格的注意事项
- jQuery选择器中含有空格和特殊符号的注意事项
- 【转】jQuery选择器中含有空格的注意事项
- 选择器中含有空格的注意事项
- 选择器中含有空格的注意事项
- jQuery选择器 含有特殊符号和含有空格的注意事项
- jquery选择器中含有不含有空格的问题
- jQuery中选择器空格注意事项
- 选择器中含有特殊符号的注意事项
- jQuery中选择器的空格问题
- jQuery中选择器的空格问题
- jQuery中选择器空格问题
- CSS中关于多个选择器中是否含有空格的区别
- jquery选择器的空格问题
- the functional interface to the i2c busses.
- 单用户模式启动 修改root密码
- VS 2005 Warning 小记
- 用js使得输入框input只能输入数字
- TinyXML初学
- jQuery选择器中含有空格的注意事项
- 二叉树的遍历
- VC调试入门
- 正则表达式
- Linux编程常用的函数
- 伸长的守候
- frameset框架中session失效后怎样重定向到登录页面
- c++ reference counting引用计数原理
- proc文件系统操作实例