热门关键字:
jquery > jquery教程 > jquery教程 > Jquery入门到精通(基础篇二)

Jquery入门到精通(基础篇二)

1798
作者:管理员
发布时间:2012/8/9 13:38:08
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=50

JQuery操作ID选择器的用法
 

概述

根据给定的ID匹配一个元素。如果选择器中包含特殊字符,可以用两个斜杠转义。参见示例。

参数

id    String           用于搜索的,通过元素的 id 属性中给定的值
实例1:

查找 ID 为"myDiv"的元素。

HTML 代码:

<div id="notMe"><p>id="notMe"</p></div>

<div id="myDiv">id="myDiv"</div>

jQuery 代码:

$("#myDiv");

结果:

[ <div id="myDiv">id="myDiv"</div> ]
实例2:其中有特殊字符,我们看下如何转换的。

描述:查找含有特殊字符的元素

HTML 代码:

<span id="foo:bar"></span>

<span id="foo[bar]"></span>

<span id="foo.bar"></span>

jQuery 代码:

#foo\\:bar

#foo\\[bar\\]

#foo\\.bar
 
 
JQuery操作多选择器的用法
概述

将每一个选择器匹配到的元素合并后一起返回。

你可以指定任意多个选择器,并将匹配到的元素合并到一个结果内。

参数

selector1Selector

一个有效的选择器

selector2Selector

另一个有效的选择器

selectorN (可选)Selector 任意多个有效选择器
示例

描述:

找到匹配任意一个类的元素。

HTML 代码:

<div>div</div><p class="myClass">p class="myClass"</p>

<span>span</span>

<p class="notMyClass">p class="notMyClass"</p>

jQuery 代码:
$("div,span,p.myClass")

结果:

[ <div>div</div>, <p class="myClass">p class="myClass"</p>, <span>span</span> ]

 






如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:Jquery入门到精通(基础篇二)
友荐云推荐