jQuery温习篇---强大的JQuery选择器

 

 学习jQuery已经有1年多的时间了，但是一直由于做WinForm程序开发没有经常实践。现在又开始重拾WebForm开发。写几篇jQuery系列，温习下jQuery框架的知识。

在jQuery出世以来，它取得很大的成就和认同。JQuery是一个轻量级的JavaScript框架，它的发布版很小仅16K左右。它能让你方便简洁的写出漂亮的动画效果、实现各种视觉效果，轻松的处理JavaScript的DOM数以及Ajax的交互行为。它的优点在于轻量级、简单易学、易扩展、跨浏览器和网上拥有大量的jQuery插件使用。由于它这一大堆的优点，它已经被微软官方认可加入VS IDE中拥有强大的智能提示，并据官方的统计现在至少有20%的国际性大网站已经加入jQuery作为其脚本。

1：首先是JavaScript的DOM 和 jQuery包装集的区分

1.1:在JavaScript中我们访问的方式是操作DOM结构,提供的可用方法有：

1: document.getElementById("ID")：根据ID获取DOM对象。

2：document.getElementsByName("name")：根据HTML标记name属性获取一个DOM数组。

3：document.getElementsByTagName("Tag")：根据HTML的Tag获取一个DOM数组。

1.2：jQuery相对DOM则提供了许多可用的方法和属性。

 jQuery简单的获取对象有$(“#id”) ,$(“.class”),$(“tag”)方式，它的书写方式和css3.0相似id用#，class（css）用.，HTMl Tag则直接书写。关于jquery的选择器在下面讲述，这里不急。         

1.3:JavaScript的DOM对象转可以化为jQuery包装集：通过$(element)赴会就为jQuery包装集。

 

2：jQuery最强大的就是提供了一个万能的属性选择器。

2.1基本选择器

将每一个选择器匹配到的元素合并后一起返回,选择器可以是id,class,element用,隔开

$("input:not(:checked)") 
查找所有未选中的input 元素[注:checked为自定义筛选选择器,后面会讲到]

:eq(index) 只匹配一个元素，而这个将为每一个父元素匹配子元素。:nth-child从1开始的，而:eq()是从0算起的！

可以使用:
nth-child(even)//偶数行

:nth-child(odd)//奇数行
:nth-child(3n)
:nth-child(2)//索引为2的
:nth-child(3n+1)
:nth-child(3n+2)

jQuery的选择器大全    一、 基本选择器        1. ID选择器             ID选择器#id就是利用DOM元素的id属性值来筛选匹配的元素，并以iQuery包装集的形式返回给对象。
【前端】JQuery框架 -- JQuery怎么使用和各个版本的区别、JQuery对象和JS对象区别、JQuery选择器 JQuery框架 -- JQuery怎么使用和各个版本的区别、JQuery对象和JS对象区别、JQuery选择器？ jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨 是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。
【前端】使用jQuery封装一套UI组件 - 级联选择器组件 本篇文章来讲解下级联选择器组件 级联选择器，在实际项目中也是比较常用的组件，比如：省市区三级关联，上下级联动等 最后面会附上全部代码
jQuery的选择器 和使⽤ JS 操作Dom⼀样，获取⽂档中的节点对象是很频繁的⼀个操作，在jQuery中提供了简便的⽅式供我们查找|定位元素，称为jQuery选择器，选择器可以说是最考验⼀个⼈ jQuery 功⼒的地⽅，通俗的讲, Selector 选择器就是 ⼀个表示特殊语意的字符串 。只要把选择器字符串传⼊上⾯的⽅法中就能够选择不同的 Dom 对象并且以 jQuery 包装集的形式返回。
jQuery基础选择器 jQuery引入及其选择器 jQuery是JS的一个库，它里面封装了一些我们开发中常用的一些功能；它提供了一些方便的选择器，可以让我们更方便的操作DOM。