.net中在读取控件的class或ID不同方式的不同意义- jquery选择器
2015-04-28 16:48
357 查看
$("parent>child")-在(父亲)parent的儿子中找符合条件的儿子(child)等同于[b]$("parent").children("child");[/b]
结果显示如下:
123[b] [/b]
456
[b]789[/b]
[b] 这样理解:要求是寻找div(父亲)下边的span(儿子),虽然p(儿子)元素下也有span(p的儿子div的孙子),但是不符合条件。[/b]
结果显示如下:
1.
123[b] [/b]
456
[b]789[/b]
[b] abc[/b]
[b][b][b][b] 这样理解:要求是寻找div下边的span(子孙),只要是div下边的span都是要查询的结果。[/b][/b][/b][/b]
[b] 2.[/b]
123[b] [/b]
456
[b]789[/b]
[b] abc[/b]
[b][b][b][b][b]这样理解:要求是寻找div下边的span(子孙)的下得p,只要是div下边的span下边的p都是要查询的结果。[/b][/b][/b][/b][/b]
[b][b]3.$("AB")中间没有空格,表示“且“的关系,意思为有相同的控件存在然后通过空间的ID或class再判断到底是哪个控件//或者class存在多个名称[/b][/b]
[b][b]结果显示如下:[/b][/b]
[b][b]1.123456789abccde//查找class为test的span控件,可以查找出两个[/b][/b]
[b][b]2.123456789abccde//查找class为test的div控件,只有一个[/b][/b]
[b][b]3.123456789abccde//查找class即为test1又为test1的元素,只有一个[/b][/b]
4.$("A,B")表示”或“关系一个双引号中用逗号分隔不同的选择器,称之为并列选择器。切记和$('A','B')区分,他的意思是找在B(父亲)里边找A(儿子)
[b][b][b]结果显示如下:[/b][/b][/b]
[b][b][b]1.123456789abc//所有span或class是test的[/b][/b][/b]
[b][b][b][b][b][b][b]2.123456789abc//所有span或ID是test的[/b][/b][/b][/b][/b][/b][/b]
[b][b][b]3.123456789abc//所有ID或class是test的[/b][/b][/b]
<div> <span>123</span> <p> <span>456</span> </p> <span>789</span> 7<div>
$('div>span').css('color','#FF0000');
结果显示如下:
123[b] [/b]
456
[b]789[/b]
[b] 这样理解:要求是寻找div(父亲)下边的span(儿子),虽然p(儿子)元素下也有span(p的儿子div的孙子),但是不符合条件。[/b]
[b]2.$("AB")-在(父亲)A下找所有符合条件的(子孙)B等同于[b]$("A").find("B")或[b]$("A""B")。注:中间有空格。[/b][/b][/b]
1<div> 2<span>123</span> 3<p> 4<span>456</span> 5</p> 6<span>789</span> <span> <p>abc</p> </span> 7<div>
$('divspan').css('color','#FF0000'); $('divspanp').css('color','#FF0000');
结果显示如下:
1.
123[b] [/b]
456
[b]789[/b]
[b] abc[/b]
[b][b][b][b] 这样理解:要求是寻找div下边的span(子孙),只要是div下边的span都是要查询的结果。[/b][/b][/b][/b]
[b] 2.[/b]
123[b] [/b]
456
[b]789[/b]
[b] abc[/b]
[b][b][b][b][b]这样理解:要求是寻找div下边的span(子孙)的下得p,只要是div下边的span下边的p都是要查询的结果。[/b][/b][/b][/b][/b]
[b][b]3.$("AB")中间没有空格,表示“且“的关系,意思为有相同的控件存在然后通过空间的ID或class再判断到底是哪个控件//或者class存在多个名称[/b][/b]
<div>
<spanclass="test">123</span>
<p>
<spanclass="test">456</span>
</p>
<span>789</span>
<divclass="test">abc</div>
<spanclass="test1test2">dce</div>
</div>
1.$("span.test").css('color','#FF0000');
2.$("div.test").css('color','#FF0000');
3.$(".test1.test2").css('color','#FF0000');
[b][b]结果显示如下:[/b][/b]
[b][b]1.123456789abccde//查找class为test的span控件,可以查找出两个[/b][/b]
[b][b]2.123456789abccde//查找class为test的div控件,只有一个[/b][/b]
[b][b]3.123456789abccde//查找class即为test1又为test1的元素,只有一个[/b][/b]
4.$("A,B")表示”或“关系一个双引号中用逗号分隔不同的选择器,称之为并列选择器。切记和$('A','B')区分,他的意思是找在B(父亲)里边找A(儿子)
<div>123</div>
<div>
<spanid="test">456</span>
<spanclass="test">789</span>
<pclass="test">abc</p>
</div>
1.$("span,.test").css('color','#FF0000');});
2.$("span,#test").css('color','#FF0000');});
3.$(".test,#test").css('color','#FF0000');});
[b][b][b]结果显示如下:[/b][/b][/b]
[b][b][b]1.123456789abc//所有span或class是test的[/b][/b][/b]
[b][b][b][b][b][b][b]2.123456789abc//所有span或ID是test的[/b][/b][/b][/b][/b][/b][/b]
[b][b][b]3.123456789abc//所有ID或class是test的[/b][/b][/b]
相关文章推荐
- jQuery选择器中id和class的使用
- 用数组的方式来模仿jquery 的$选择器getClassName(ParId,S_ClassName)[i];
- jQuery - 元素选择器 和 #id 选择器 以及 .class 选择器三者的区别
- jQuery选择器ID、CLASS、标签获取对象值、属性、设置css样式
- JQuery里面的几种选择器——查找满足条件的元素$("#控件ID")
- jQuery选择器中id和class的使用
- 用Jquery怎么删除class相同 但id不同的元素?
- jquery的上传控件uploadly,每行都有一个这样的控件对id选择器的使用
- JQuery的选择器对控件ID含有特殊字符的解决方法-涨姿势了!
- 老生常谈jquery id选择器和class选择器的区别
- JQuery里面的几种选择器 查找满足条件的元素$("#控件ID")
- jquery id选择器和class选择器的区别
- jquery基本选择器:id选择器、class选择器、标签选择器、通配符选择器
- css 当用id选择器与 class 选择器选择同一目标但是应用不同修饰时的选择问题
- jquery,id选择器和class选择器的效率对比
- Jquery选择器:通过class名获取ID
- 服务器端控件ID在Jquery中的读取
- jquery中选择ID以什么字符开头的匹配主要用于多个上传控件的时候,id无法使用,而且class不起作用的时候
- JQuery的选择器对控件ID含有特殊字符的解决方法
- JQuery里面的几种选择器 查找满足条件的元素$("#控件ID")