jQuery---使用方法,基本选择器,层次选择器,过滤选择器和表单选择器

1.使用前需导入JQuery

<script type="text/javascript" src="jquery-1.6.4.min.js">

2.jQuery页面加载完毕执行函数
第一种方式

$(document).ready(function() {});

第二种方式

$().ready(function() {});

第三种方式

$(function() {});

3.jQuery基本选择器
(1)标签选择器

$("h2").css("color","red");

(2)id选择选择器

$("#i01").css("color","green");

(3)类选择器

$(".c01").css("color","blue");

(4)通配符选择器

$("*").css("color","green");

(5)分组选择器

改变所有span标签和id为two的元素
$("span,#two").css("color","red")

4.层次选择器

//选取ancestor的所有descendant(后代)元素
$("ancestor descendant");
//选取parent元素下的child元素
$("parent>child");
//选取紧接在prev元素后的下一个元素
$("prev+next");
//选取prev元素后所有的siblings元素
$("prev~siblings");   

5.过滤选择器–基本
过滤选择器主要是通过特定的过滤规则来筛选出所需的DOM元素,该选择器都是以“:”开头.

选择器	描述	返回
:first	选取第一个元素	单个集合组成的元素
:last	选取最后一个元素	集合元素
:not(selector)	去掉所有与给定选择器匹配的元素	集合元素
:even	选择索引时偶数的所有元素,索引从0开始	集合元素
:odd	选择索引时奇数的所有元素,索引从0开始	集合元素
:eq(index)	选取索引等于index的元素,索引从0开始	集合元素
:gt(index)	选取索引大于index的元素,索引从0开始	集合元素
:lt(index)	选取索引小于index的元素,所有从0开始	集合元素
:header	选取所有的标题元素,如h1,h2等	集合元素
:animated	选取当前正在执行动画的所有元素	集合元素

6.过滤选择器–内容

选择器	描述	返回
:contain(text)	选取含有文本为Text的元素	集合元素
:empty	选取不包子元素或文本的空元素	集合元素
:has(selector)	选取含有选择器所匹配的元素的元素	集合元素
:parent	选取含有子元素或文本的元素	集合元素

7.过滤选择器–可见性

选择器	描述	返回
:hidden	选取所有不可见的元素	集合元素
:visible	选取所有可见的元素	集合元素

8.过滤选择器–属性

选择器	描述	返回
[attribute]	选取拥有此属性的元素	集合元素
[attribute=value]	选取指定属性值为value的元素	集合元素
[attribute!=value]	选取指定属性的值不等于value的元素	集合元素
[attribute^=value]	选取指定属性的值以value开始的元素	集合元素
[attribute$=value]	选取指定属性的值以value结束的元素	集合元素
[attribute*=value]	选取指定属性的值含有value的元素	集合元素
[selector1][selecort2]..	用属性选择器合并成为一个复合选择器	集合元素

9.过滤选择器–子元素

选择器	描述	返回
:nth-child(index/even/odd/equation)	选取每个父元素下的第index子元素(index从1开始)或奇偶元素	集合元素
:first-child	选取每个父类元素的第一个元素	集合元素
:last-child	选取每个父类元素的最后一个元素	集合元素
:only-child	如果某个元素时它父类元素中唯一的子元素,那么将会被匹配	集合元素

10.过滤选择器–表单对象属性

选择器	描述	返回
:enable	选取所有可用元素	集合元素
:disable	选取所有不可用元素	集合元素
:checked	选取所有被选中的元素(单选框,复选框)	集合元素
:selected	选取所有被选中的选项元素(下拉列表)	集合元素

11.表单选择器

选择器	描述	返回
:input	选取所有的input,textarea,select和button元素	集合元素
:text	选取所有的单行文本框	集合元素
:password	选取所有的密码框	集合元素
:radio	选取所有的单选框	集合元素
:checkbox	选取所有的复选框	集合元素
:submit	选取所有的提交按钮	集合元素
:image	选取所有的图像按钮	集合元素
:reset	选取所有的重置按钮	集合元素
:button	选取所有的按钮	集合元素
:file	选取所有的上传域	集合元素
:hidden	选取所有的不可见元素	集合元素