jQuery基础教程之强大的选择器(基本选择器)

转载 2012年03月31日 13:41:00

jQuery之所以称之为“jQuery”,主要就是因为她强大的选择器,也就是javascript query的意思。
今天我来说一说,jQuery的最基本的选择器。

jQuery的基本选择器分为以下四种类型:

$(“#cssid”) 选择id值等于”cssid”的元素,注意:在一个html文档中id是唯一的,也即id为“cssid”不能出现两次(虽然即使出现了两次浏览器也可以解释,但是这是不规范的)。这个ID选择器获取jQuery对象也是个元素集合,但是只有一个元素。将这个jQuery对象转化为DOM对象也可以这样$(“#cssid”)[0]
$(“标签名”) 例如$(“div”)获取的就是HTML文档中的所有的div元素的jQuery对象集合
$(“.myClass”) 获取的是HTML文档中所有的class为“myClass”的元素集合
$(“*”) 这个获取的是HTML文档中的所有的元素
$(“selector1,selector2,selector3…selectorN “) 这种选择器叫做组选择器。例如:$(“span,#two”)选取所有的span标签元素和id=two的元素。

相关文章推荐

jquery中4种层级选择器的差别和使用

我使用的是JQuery-2.1.1版本,在这个版本以及之前,JQuery中的层级选择器有4种。我们通过这4种选择器,来操作下面的HTML。 1、$("a...

jQuery基础教程之强大的选择器(过滤选择器-基本过滤选择器)

向大家推荐一本jQuery学习的好书《锋利的jQuery》 此书循序渐进地对jQuery的各种函数和方法调用进行了介绍,读者可以系统地掌握jQuery的DOM操作、事件监听和动画、表单操作、AJAX...

jQuery基础教程之强大的选择器(表单选择器)

今天我们来说说jQuery选择器中的最后一类表单选择器,学完这最后一种选择器之后,接下来我会慢慢地带领大家对jQuery中如何操作DOM进行详细地讲解,同时我自己也在学习中,有好多jQuery操作DO...

jQuery基础教程之强大的选择器(层次选择器)

无论何时,我们都要记住的一点就是通过jQuery选择器获取的jQuery对象任何时候都是一组元素。 而JQuery选择器又具有这样的特点: 隐式迭代 $(“选择器”).css(“backgrou...

jQuery基础教程之+层次选择器

隐式迭代 $(“选择器”).css(“background-color”,”red”)则是为这组元素中每个元素的样式都加上红色背景。jQuery会自动迭代每个元素,这就免去了我们编写代码遍历每个元素...

《jQuery基础教程》--选择器

1.jQuery目前的最新版支持CSS3的选择器,可以参考CSS3的选择器的使用方法。 2.jQuery遍历DOM树的方法: 2.1 filter方法。 可以利用例如: $('a').filt...

jQuery基础教程之强大的选择器(过滤选择器-子元素过滤选择器)

今天我们来继续学习jQuery强大的选择器-子元素过滤选择器 子元素过滤选择器的过滤规则相对于其它的选择器稍微有些复杂,不过没关系,只要将元素的父元素和子元素区分清楚,那么使用起来也非常简单。另外还...

DIV+CSS基础教程:CSS选择器

上节课我们讲了一下CSS通过什么方式去控制页面,如果不记得,我来帮大家回忆一下,总共有四种方式行内方式、内嵌方式、链接方式、导入方式,大家通过这四种方式就可以实现CSS对HTML页面样式的控制,如果要...

DIV+CSS基础教程:盒模型、块状元素与内联元素、CSS选择器

课程关键词:盒模型、块状元素与内联元素、CSS选择器 引用: 【例子】 要求: 1)宽度、高度均是200像素; 2)颜色为红色#900; 自己做做,看看能不能作出来?先不要...

初探jquery之强大丰富的选择器

http://www.cnblogs.com/coco-163/p/5462516.html ---恢复内容开始--- 1.基本选择器  常用的有id选择器:#id,   类选择器:.c...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery基础教程之强大的选择器(基本选择器)
举报原因:
原因补充:

(最多只允许输入30个字)