jQuery选择器(Selector)简述

本篇是jQuery系列学习文章第二编,希望能持续关注后面文章:

要学习jQuery 选择器使我们必须学习的初级知识，也是衡量一个人jQuery功底的重要标准,这里仅介绍些基础的，更多选择器知识请参照jQuery官方帮助文档.

jQuery提供了异常强大的选择器来帮助我们获取页面上的对象，并将对象以jQuery包装集的形式返回.

jQuery(selector,context)

Returns:jQuery包装集

根据选择器选取匹配的对象，以jQuery包装集的形式返回，context可以是Dom对象集合或

jQuery包装集，传入则表示要从context中选择匹配的对象，不传入则表示范围为文档对象

所以为了提高效率一般要写的：

jQuery基础选择器：

$("#...")根据元素Id选择,

$("a")根据元素的名称选择,

$(".bgRed")根据元素的css类选择,

$("*")选择所有元素,

可以将几个选择器用","分隔开然后再拼成一个选择器字符串，会同时选中这几个选择器匹配的内容,不是层次选择,

层次选择器：

层次选择器实际上就是不带逗号即可：

$(".bgRed div")选择css为.bgRed中的所有div元素,

$(".bgRed>div")存在父子关系，另外+表示同级,~也是同级比如

$(".bgRed~[title]")则是根据title属性过滤的元素，而使用+后则必须是元素名.

[]为属性选择器,所有带:都可以作为表单选择器,也可以这样用$("img:first")等等,

:contains(text)用于匹配包含给定文本的元素,示例：$("div:contains('jakwos')'),

$(".bgRed~[title='AA']")有属性title并且值为AA的在有css为.bgRed后的元素.