Jquery------三种选择器（基本选择器、过滤选择器、表单过滤选择器）

一、Jquery选择器基本概念

筛选具有相似特征的元素（比如，改变所有class=" one "的元素样式）

 

二、基本操作

 

（一）会写函数入口（否则无法执行函数），函数入口有两种写法：

 

1. window.onload=function(){ };

2. $(function( ){ });

 

两种入口都可以加载函数，但要注意到两者之间的不同点：

*window.onload=function(){};在加载函数的时候只能加载一次

（举个例子：同时加载两个函数的时候，只会加载出最新的一个函数，而另一个函数 就会被覆盖掉）

*$(function(){}); 可以同时加载多个函数

 

（二）会绑定事件，获取元素

$(#id名") .click (function () {

代码段

})

 

三、选择器的分类

1. 基本选择器

1.1 标签选择器 语法：$(" 标签")

1.2 id选择器 语法：$("#id名")

1.3 类选择器 语法：$(" .类名")

1.4 并集选择器 语法：$("选择器1，选择器二...........")

 

2. 过滤选择器

2.1 首元素选择器 语法：$("元素名（例如div）：first");

2.2 尾元素选择器 语法：$("元素名（例如p）:last");

2.3 非.......选择器 语法：$("元素名（例如div）：not(填id名、类名 )")；

2.4 偶数选择器 语法：$("元素名（例如div）: even");

2.5 奇数选择器 语法：$("元素名（例如 span）:odd");

2.6 等于索引选择器 语法：$("元素名（例如 p）:eq(填数字)");

2.7 大于索引选择器 语法：$(" 元素名（例如div）:gt(填数字)");

2.8 小于索引选择器 语法：$("元素名（例如span）:lt(填数字)");

2.9 标题选择器 语法：$(" : header")

 

3.表单过滤选择器

1.可用元素选择器 语法 ：enabled 例如 $(" input[type='text']:enabled");

2.不可用元素选择器 语法： disabled 例如 $("input[type='text']:disabled");

3.复选框选中选择器 语法： checked 例如 $("input[type='checkbox']:checked");

4.下拉列表选中选择器 语法： selected 例如$("option:selected")