关于jQuery中的选择器
1:选择器的作用
获取网页的上面的标签元素等等,然后对他进行一些列的操作(添加样式,添加行为。。。)
2:选择器有哪些
基本选择器,层次选择器,过滤选择器,表单选择器
一:基本选择器
基本选择器是jquery最常用的选择器,也是最简单的选择器,通过元素id,class,标签名称来查找
DOM元素(在网页中ID只能使用一次,id是唯一的,但是class允许重复使用的)
1、id选择器
用法:$("#id名称"); 返回单个元素的组成的集合
2、class(类选择器)
用法:$(".class") ;返回集合元素
说明:.class就是样式名称
3、element(标签选择器)
用法:$("span,p,div"); 返回集合元素
4、$("*") :返回集合元素,匹配所有元素
二:层次选择器
1:parent child :祖先后代
三:过滤选择器
基础过滤选择器(也是最常用的的过滤选择器)
:not(select)
用法:$(input:not(select)) 返回集合元素
说明:去除所有与给定选择器匹配的元素。有点类似于“非”
:first 找到第一个元素
:last 找到最后一个元素
:odd 匹配下标为基数的元素
:even 匹配下标为偶数的元素
:eq("下标") 匹配制定下标的元素
:gt("下标") 匹配索引值大于给定下标的元素(不包含本身)
:lt("下标") 匹配索引值小于给定索引值的元素(不包含本身)
内容过滤选择器
:contains(“文本内容”) 匹配元素是否包含指定的文本内容
:has(标签元素) //匹配含有选择器所匹配的元素的元素
:empty //匹配元素内容为空的元素
:parent //匹配含有子元素或者文本的元素
属性过滤选择器
[attribute=value] :属性过滤选择器就是通过元素的属性来获取相应的元素
例如: $("input[name='chk']").attr("checked", true); --就是把name为chk的复选框的checked 返回的是一个集合
属性改为true
可见度过滤选择器
:hidden 筛选隐藏的元素(type="hidden",css: display="none")
: visible 筛选可见的元素
子元素过滤选择器
:nth-child(index/even/odd/equation)
注意:这里的索引值从1开始,而eq是从0开始
:first-child 找到第一个子元素
:last-child 找到最后一个子元素
:only-child 匹配只有一个子元素的元素
表单对象属性过滤选择器
:disabled 筛选不可用元素
:enabled 筛选可用的元素
: checked 筛选被选中的复选框
: selected 筛选下拉框被选中的元素
DOM操作就是对元素的 增删改 查
关于jQuery中的选择器的更多相关文章
- jQuery中的选择器<思维导图>
选择器是jQuery的重要组成部分,在jQuery中,对事件处理.遍历DOM和Ajax操作都依赖于选择器.如果能熟练地使用选择器,不仅能简化代码,而且可以达到事半功倍的效果. 下面是关于jQuery中 ...
- jQuery中的选择器《思维导图》
学习jQuery的课程中,我对jQuery中的选择器有了更深的认识,它的简洁写法,完美的兼容性,可靠的处理机制,都让我们省了很多事, 下面是我在学习过程中对jQuery选择器写的思维导图(全屏查看:& ...
- jquery中判断选择器,找没找到元素用$().size()==0
jquery中判断选择器,找没找到元素用$().size()==0
- jQuery中,选择器既匹配开头又匹配结尾
jQuery中,选择器既匹配开头又匹配结尾的方法: [attr^=val]attr$=val [attr^=val][attr$=val]
- js进阶 11-18 jquery中操作选择器的方法有哪些
js进阶 11-18 jquery中操作选择器的方法有哪些 一.总结 一句话总结:add().addBack().end() 1.add()方法是干嘛的,举一例? 将add()方法后选择器选择的jqu ...
- js进阶 10-4 jquery中基础选择器有哪些
js进阶 10-4 jquery中基础选择器有哪些 一.总结 一句话总结: 1.群组选择器用的符号是什么? 群组选择器,中间是逗号 2.jquery中基础选择器有哪些? 5种,类,id,tag,群组, ...
- jQuery中的选择器(下)
这一篇主要写过滤选择器和表单选择器 在这里,我不再已表格形式说明(自己太懒了),主要以文字形式说明一下每个选择器的作用描述. 3.过滤选择器 过滤选择器主要是通过特定的过滤规则筛选出所需的DOM元素 ...
- jQuery中的选择器(上)
从学习jquery开始,现在已经是第三遍看锋利的jQuery这本书了,现在打算对jQuery中的各种选择器进行一下总结,主要是是为了进一步系统的巩固自己对知识的掌握,另外也可以为那些学习jQuery并 ...
- JQuery中checkbox选择器
今天我们讲的是如何选择HTML网页中CheckBox选择器 如下图,是几个checkbox <input type='checkbox'checked="checked"/& ...
- JQuery中的选择器的总结
JQuery的选择器十分的强大,但是我平常经常用到的却十分的有限,趁现在有时间我感觉有必要总结一下. 基本选择器 $("#ID") 选择ID所对应的标签元素 返回一个标签元素$(& ...
随机推荐
- 服务网关基于RPC的用法
企业为了保护内部系统的安全性,内网与外网都是隔离的,企业的服务应用都是运行在内网环境中,为了安全的考量,一般都不允许外部直接访问.API网关部署在防火墙外面,起到一层挡板作用,内部系统只接受API网关 ...
- zabbix微信报警信息优化模板
--------------------------------告警模板1-------------------------------------- 默认标题 告警项目: {TRIGGER.NAME ...
- Java日志正确使用姿势
前言 关于日志,在大家的印象中都是比较简单的,只须引入了相关依赖包,剩下的事情就是在项目中“尽情”的打印我们需要的信息了.但是往往越简单的东西越容易让我们忽视,从而导致一些不该有的bug发生,作为一名 ...
- JavaSE:数据类型之间的转换(附常见面试题)
数据类型之间的转换 分为以下几种情况: 1)低级到高级的自动类型转换: 2)高级到低级的强制类型转换(会导致溢出或丢失精度): 3)基本类型向类类型转换: 4)基本类型向字符串的转换: 5)类类型向字 ...
- Iconfont 在HTML中的使用
一.准备阶段: a.进入阿里巴巴矢量图标库www.iconfont.cn挑选所需的图标,加入购物车 b.点击网页中的购物车下载代码 二.3种方法实现 Iconfont 的HTML显示 Unicode ...
- Bootstrap3级联多选下拉框
<!DOCTYPE html> <html> <head> <title>Bootstrap3级联多选下拉框</title> <met ...
- Github项目推荐-图神经网络(GNN)相关资源大列表
文章发布于公号[数智物语] (ID:decision_engine),关注公号不错过每一篇干货. 转自 | AI研习社 作者|Zonghan Wu 这是一个与图神经网络相关的资源集合.相关资源浏览下方 ...
- [20190402]关于semtimedop函数调用2.txt
[20190402]关于semtimedop函数调用2.txt --//前几天做了sql语句在mutexes上的探究.今天看看_mutex_wait_time设置很大的情况下是否semtimedop会 ...
- Luogu P5279 [ZJOI2019]麻将
ZJOI2019神题,间接送我退役的神题233 考场上由于T2写挂去写爆搜的时候已经没多少时间了,所以就写挂了233 这里不多废话直接开始讲正解吧,我们把算法分成两部分 1.建一个"胡牌自动 ...
- Android Gradle 学习笔记(一):Gradle 入门
官网地址:https://gradle.org/. 一.配置 Gradle 环境 安装Gradle之前必须要配置好Java环境,要求JDK 6 以上,并且在环境变量配置好JAVA_HOME.查看Jav ...