关于JQ选择器的介绍

今天来跟大家讲一下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: …sole.log(sId); }̲ 效果图 ![在这里插入图片…(".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 = $(":checkbox");4、:selected选取所有被选中的选项元素（下拉列表）varsSelected=$(":selected");
表单 :input 匹配所有 input, textarea, select 和 button 元素
:text 匹配所有的单行文本框
:radio 匹配所有单选按钮
:checkbox 匹配所有复选框
:submit 匹配所有提交按钮
:reset 匹配所有重置按钮
这里有一个重载的功能在表单中经常运用到。这个很重要。
这部分截取来自于老师的文档截取
//获取部分
var sInput = $(":input");
var sText = $(":text");
var sPassword = $(":password");表单对象属性:disabled匹配所有禁用元素:selected只匹配有selected属性的option标签varsa=$(":disabled");
var ck=$(":checked");
其实大部分的获取都是差不多的 我就不一个个写了
关于JQ的选择器还有很多在这里我只列几个常用的。内容页比较简单。有兴趣的可以看一下下，
这些内容并不要求大家死死的记住，大家看的会运用就可以了。写多了用法也好像差不。