jQuery选择器和筛选器方法
2023-06-10 22:01:00 2 举报AI智能生成
登录查看完整内容
jQuery选择器
作者其他创作
大纲/内容
https://jquery.com
1.官网下载jquery源码，保存为jquery.js文件
<script src=\"jquery文件路径\"></script>
2.script标签中引入jquery.js文件
中文文档: https://jquery.cuishifeng.cn/
引入jquery
jQuery对象：jquery找到的标签对象
DOM对象：原生js找到的标签对象
DOM对象只能使用dom对象的方法，不能使用jquery对象的方法；jQuery对象同样不能使用dom对象的方法;
1.jquery对象和dom对象
$('#d1')[0]
jquery对象转dom对象：jquery对象[索引]
$(document.getElementById('d1'));
dom对象转jquery对象: $(dom对象)
2.dom和jquery对象之间的转换
固定语法：$(‘选择器’)
$('#d1')
id选择器
$('.c1')
类选择器
$('div')
标签选择器
$('div.c1')
$('div#d1')
标签选择器配合其他选择器
$('*')
通用选择器
组合选择器
$($('选择器')[索引])
选择器对象中某个标签设置成jquery对象
基本选择器(同CSS)
选择器数组中的第一个元素
:first
选择器数组中的最后一个元素
:last
选择器数组中指定索引值的元素
:eq(index)
选择器数组中索引值为偶数的元素
:even
选择器数组中索引值为奇数的元素
:odd
匹配所有大于给定索引值的元素
:gt(index)
匹配所有小于给定索引值的元素
:lt(index)
移除所有满足not条件的元素
:not(选择器)
保留包含特定后代的元素，去掉那些不含指定后代的元素
:has(选择器)
排除掉满足has筛选器的后代标签
:not(:has(选择器))
基本筛选器
属性
[attribute]
属性=value
[attribute=value]
属性!=value
[attribute!=value]
语法
多用于input标签的type属性
获取checkbox类型的input标签
$('input[type='checkbox']')
获取类型非text的input标签
$('input[type='text]')
场景
属性选择器
单行文本输入框
:text
密码输入框
:password
文件选择
:file
单选
:radio
多选
:checkbol
提交按钮
:submit
重置按钮
:reset
按钮
:button
多行文本
:textarea
$(\":text\")
语法:
表单筛选器(from表单)
可用的标签
:enabled
不可用的标签
:disabled
选中的input标签
:checked
选中的option标签
:selected
支持属性：
表单对象属性筛选器
3.jquery选择器
找到下一个兄弟标签
.next()
找到下面所有的兄弟标签
.nextAll()
往下找兄弟标签，直到找到某个兄弟标签为止，不包含作为终止条件的标签
.nextUntil(选择器)
下一个
找到上一个兄弟标签
.prev()
找到所有的兄弟标签
注意：找到标签的顺序是倒着往上依次往上找的
.prevAll()
往上找兄弟标签，直到找到某个兄弟标签为止，不包含作为终止条件的标签
.prevUntil(选择器)
上一个
父标签
.parent()
当前元素的所有父辈标签
.parents()
选中标签的所有父辈标签，直到遇到某个标签为止 parentsUntil(选择器)
.parentsUntil(选择器)
所有的儿子标签
.children()
找到符合后面这个选择器的儿子标签
.children(选择器)
儿子
所有的兄弟标签
.siblings()
找到符合后面这个选择器的兄弟标签
.siblings(选择器)
兄弟
查找某个标签的后代
.find(选择器)
find
筛选出与指定表达式匹配的元素集合。这个方法用于缩小匹配的范围。用逗号分隔多个表达式
filter(expr|obj|ele|fn)
filter
获取匹配的第一个元素
.first()
获取匹配的最后一个元素
.last()
从匹配元素的集合中删除与指定表达式匹配的元素
.not(选择器)
.has(选择器)
.eq(index)
获取或设置文本框的值
$(\"input\").val();
$(\"input\").val(\"hello world!\");
.val()
其他方法
注意：jquery筛选器方法支持链式表达式，可以组合搭配使用，类似于python中字符串方法的调用方式
4.jquery筛选器方法
jquery对象和dom对象
jQuery选择器和筛选器方法
0 条评论
回复 删除
下一页
