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")
 
 
 
原文地址:https://www.cnblogs.com/Hubert-dzl/p/11119263.html