Jquery---三种选择器(基本选择器、过滤选择器、表单过滤选择器)

小程序1450 更新时间：2025-06-08 02:44:56

2023年6月21日发(作者：)

Jquery------三种选择器（基本选择器、过滤选择器、表单过滤选择器）⼀、Jquery选择器基本概念筛选具有相似特征的元素（⽐如，改变所有class=" one "的元素样式）

⼆、基本操作

（⼀）会写函数⼊⼝（否则⽆法执⾏函数），函数⼊⼝有两种写法：否则⽆法执⾏函数），函数⼊⼝有两种写法：

1. =function(){ };2. $(function( ){ });

两种⼊⼝都可以加载函数，但要注意到两者之间的不同点：*=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")