您的位置:首页 > Web前端 > JQuery

.net中在读取控件的class或ID不同方式的不同意义- jquery选择器

2015-04-28 16:48 357 查看
$("parent>child")-在(父亲)parent的儿子中找符合条件的儿子(child)等同于[b]$("parent").children("child");[/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]

  
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: