关于JQ选择器的介绍

最新推荐文章于 2022-11-24 16:06:28 发布

不负遇见。。。

最新推荐文章于 2022-11-24 16:06:28 发布

阅读量101

点赞数

本文链接：https://blog.csdn.net/weixin_44543271/article/details/89916522

版权

本文介绍了jQuery选择器的基本用法，包括基本选择器、后代选择器、子选择器、同辈选择器以及过滤选择器等，并举例说明了如何选取DOM元素。内容包括ID选择器、类选择器、元素选择器以及各种过滤选择器如first、last、even、odd等，旨在帮助读者理解和运用jQuery选择器。

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

今天来跟大家讲一下JQ选器的问题。这个在编写代码的时候很重要。因为你要对
具体的元素进行编写。

文本1

文本4

ul2
ul2
ul2_7

姓名

select option_1 option_2

radio

password

file

< button type="reset">重置表单type="reset" < button type="submit">指定type="submit" - form 中的button如果不指定type默认就是 type="submit" -- button>没有指定type

一、基本选择器是jQuery中最常用也是最简单的选择器，它通过元素的id、class和标签名等来查找DOM元素。
1． $("#P1") ID选择器,匹配ID中唯一的一个元素，记住ID是唯一的不可重复
2． $(".A") 类选择器，div 的代码 class=“pT1”
3． $(“input”); 元素选择器，可以看作是一个标签密名。
4． $("*"); 全部选择器，这个的选择和类的则差不多只是这里运用的是JQ的方法
这种我们一般进行声明赋值在输出。看下面
$(function () {
//==基本
var Id = $("#P1");//id选择器
var Class = $(".A");//class选择器
var l= $(“input”);//元素选择器
var sAll = $KaTeX parse error: Expected 'EOF', got '}' at position 32: \dotssole.log(sId); }̲ 效果图 ![在这里插入图片\dots$ (".div1 .A"); 后代选择器选取div 1 后面所有的PT2 这个类
2、$(".div1>.B"); 子选择器
3. $(".A+.B");同辈选择器
var A= $(".div1 .B");
var B = $(".div1>.B");
var A= $(".pT1+.B");
三．过滤选择器
基本过滤选择器
1.first 选取UL 标签 li 里的第一个元素。
2、last 选取 UL 标签 li 里的最后一个元素。
//var First = $(“ul li:first”);
//var Last = $(“ul li:last”);
3、even 匹配所有索引值为偶数的元素，从 0 开始计数
4、odd 匹配所有索引值为奇数的元素，从 0 开始计数

//even odd
//var Even = $(".div1>p:even");
//var Odd = $(".div1>p:odd");
内容过滤选择器：
:empty
$(":input");匹配不包含子元素或者文本元素的空元素，返回元素集合
var sInput = $(":input");
可见性过滤选择器
hidden
选取所有不可见的元素，返回元素集合，或者type为hidden的元素
属性过滤选择器（返回元素集合）
6、[attribute*=value]
(“input[name*=text]”) 选取拥有name属性含有text的input元素
表单对象属性过滤选择器（返回元素集合）
:checked
$(":checkbox")选取所有被选中的元素（单选框，复选框）
var sCheckbox =