jQuery 是一个 JavaScript 库,能极大地简化了 JavaScript 编程

jQuery 基础选择器

$("#my_id") id选择器

$("element") element选择器

$(".class") class选择器

$(“sele1,sele2,seleN”) 多个选择器调用

$("ance desc") ance参数(ancestor祖先的简写)表示父元素;desc参数(descendant后代的简写)表示后代元素,即包括子元素、孙元素等等

$("parent > child") 它所选择的目标是子集元素,相当于一个家庭中的子辈们,但不包括孙辈

$("prev + next") 查找与”prev”元素紧邻的下一个”next”元素

$("prev ~ siblings") 获取”prev”元素后面全部相邻的元素

jQuery过滤性选择器

$("element:first") :first过滤选择器获取指定的一组元素中的第一个元素

:eq(index) 灵活选择某元素的第index个标签元素

:contains(text) 按照文本内容来查找一个或多个元素

:has(selector) 过滤选择器的功能是获取选择器中包含指定元素名称的全部元素,其中selector参数就是包含的元素名称，是被包含元素

:hidden过滤选择器的功能是获取全部不可见的元素,这些不可见的元素中包括type属性值为hidden的元素

:visible过滤选择器获取的是全部可见的元素

[attribute=value]属性选择器的功能是获取与属性名和属性值完全相同的全部元素,其中[]是专用于属性选择器的括号符,参数attribute表示属性名称，value参数表示属性值

[attribute*=value],它可以获取属性值中包含指定内容的全部元素

:first-child子元素过滤选择器则可以获取每个父元素中返回的首个子元素,它是一个集合,常用多个集合数据的选择处理

<ul>
    <li>aa</li>
</ul>
<ul>
    <li>bb</li>
</ul>

$("li:first-child").css();//这个将影响aa和bb包含的li标签
$("li:first").css();//这个只影响aa包含的li标签

:last-child 和 :last 同理

jQuery表单选择器

:input 表单选择器可以实现，它的功能是返回全部的表单元素.
不仅包括所有 <input> 标记的表单元素,而且还包括 <textarea> 、 <select> 和 <button>
标记的表单元素

:text 表单文本选择器可以获取表单中全部单行的文本输入框元素

:password 选择器，它的功能是获取表单中全部的密码输入文本框元素

:radio 选择器可轻松获取表单中的全部单选按钮元素

:checkbox 选择器可以快速定位并获取表单中的复选框元素

:submit 选择器可获取表单中的这个提交按钮元素

当一个 <input> 元素的”type”属性值设为”image”时，该元素就是一个图像域,
:image选择器可以快速获取该类全部元素

:button选择器能获取且只能获取“type”属性值为“button”的 <input> 和 <button> 这两类普通按钮元素

调用:checked可以获取处于选中状态的全部元素

:selected选择器只能获取 <select> 下拉列表框中全部处于选中状态的 <option> 选项元素

说明一点,jQuery 中使用的 $ 其实就是 jQuery 的简介方式.
但是某种情况会出现和 $ 冲突的情况,某些其他 JavaScript 库中的函数(比如 Prototype)同样使用 $ 符号;
jQuery 使用名为 noConflict() 的方法来解决该问题.
比如var jq=jQuery.noConflict(),就可以使用自己的名称（比如 jq）来代替 $ 符号.

附jQuery参考手册