2021-09-16

最新推荐文章于 2021-11-20 11:12:56 发布

XJ_TK

最新推荐文章于 2021-11-20 11:12:56 发布

阅读量69

点赞数

文章标签： jquery mvc

本文链接：https://blog.csdn.net/XJ_TK/article/details/120337635

版权

本文详细介绍了jQuery的选择器，包括基本选择器和层级选择器的使用，如ID选择器、类选择器、子元素选择器等。还涵盖了基本筛选、内容筛选、可见性筛选、属性筛选以及表单和表单属性相关的选择器。这些选择器帮助开发者更高效地选取和操作DOM元素，是jQuery中不可或缺的部分。

摘要由CSDN通过智能技术生成

jQuery选择器

开发工具与关键技术： MVC

撰写时间：2021/5/7

jQuery选择器

·基本选择器

·层级选择器

1.基本选择器

（1）.

（2）. jQuery注释快捷键：‘Ctrl’ + ‘K’ + ‘C’ ；

取消注释快捷键：‘Ctrl’ + ‘K’ + ‘U’；

2.层级选择器

2.基本筛选


筛选	:first	获取第一个元素
	:not（）	去除给定选择器匹配的元素例：$（“p:not(.intro)”）匹配除.intro元素外的所有p元素
	:even	匹配所有索引值为偶数的元素，从0开始计数

	:odd（）、	匹配所有索引值为奇数的元素，从0开始计数
	:eq（）	匹配一个给定索引值的元素
	:gt（）	匹配所有大于给定索引值的元素
	:lt（）	匹配所有小于给定索引值的元素
	:lang	选择指定语言的所有元素
	:last	获取最后一个元素
	:header	匹配如h1,h2,h3之类的标题元素
	:animated	匹配所有执行动画效果中的元素
	:focus	匹配当前获取焦点的元素
	:root	选择该文档的根元素永远是<html>元素
	:target	选择由文档URI的格式化识别码表示的目标元素

3.内容

4.可见性

可见性

:hidden

匹配所有不可见元素，或者 type 为 hidden

的元素

:visible

匹配所有的可见元素

5.属性


属性	[attribute]	匹配包含给定属性的元素
	[attribute=value]	匹配给定的属性是某个特定值的元素
	[attribute!=value]	匹配所有不含有指定的属性，或者属性不等于特定值的元素。
	[attribute^=value]	匹配给定的属性是以某些值开始的元素
	[attribute$=value]	匹配给定的属性是以某些值结尾的元素
	*[attribute=value]**	匹配给定的属性是以包含某些值的元素
	[attrSel1][attrSel2][attrSelN]	复合属性选择器，需要同时满足多个条件时使用。

6.子元素


属性	:firstchild	匹配第一个子元素
	:lastchild	匹配最后一个子元素
	:firstoftype	选择所有相同的元素名称的第一个兄弟元素。
	:lastoftype	选择的所有元素之间具有相同元素名称的最后一个兄弟元素。
	:nthchild()	匹配某个元素，该元素必须是某个父元素下的第 n 个子元素。序号从 1 开始
	:nthlastchild()	选中某个元素，该元素必须是某个父元素下的倒数第 n 个子元素。序号从 1 开始
	:nthoftype()	选中某个元素，该元素必须是某个父元素下的指定类型第 n 个子元素。序号从 1 开始

7.表单


表单	:input	匹配所有 input, textarea, select 和 button 元素
	:text	匹配所有的单行文本框
	:radio	匹配所有单选按钮
	:checkbox	匹配所有复选框
	:submit	匹配所有提交按钮
	:image	匹配所有图像域
	:reset	匹配所有重置按钮
	:button	匹配所有按钮
	:file	匹配所有文件域
	:password	匹配所有密码框

8.表单属性


表单属性	:enabled	匹配所有可用元素
	:disabled	匹配所有禁用元素
	:checked	匹配具有 checked 属性的 radio 和 checkbox，和有 selected 属性的 option 标签
	:checkbox	只匹配有 selected 属性的 option 标签