jquery查找元素
一:查找元素
* 所有元素
element 该名称的所有元素(p,input)
#id 拥有指定id属性的元素
.class 拥有所有指定class属性的元素
selector1,selector2 能匹配多个选择器的元素
二:基本选择器
div p 一个元素是另一个元素的后代
div > p(parent > child) 一个元素是另一个元素的直接子节点(可以在p后面使用*来指定元素的所有子元素)
div1 + div2(previous + next) 相邻的兄弟选择器,只会选择紧跟在前一个元素之后的那一个元素
div1 ~ div2(previous + siblings) 兄弟选择器会选中前一个元素的所有兄弟元素
三:基本筛选器
:not(selector) 除选择器之外的所有元素(比如div:not(“#summary”))
:first 除去元素中的第一个元素
:last 除去元素的最后一个元素
:even 选中元素中索引编号为偶数的元素
:odd 选中元素中索引编号为奇数的元素
:eq(index) 选中元素中索引编号为参数中指定数字的元素
:gt(index) 选中元素中索引编号大于参数中指定数字的元素
:lt(index) 选中元素中索引编号小于参数中指定数字的元素
header 所有的<h1>到<h6>元素
:animated 正在进行动画的元素
:focus 当前拥有焦点的元素
四:内容筛选器
:contains(“text”) 包含参数中指定文本的元素
:empty 没有子节点的所有元素
:parent 拥有子节点(文本或子元素)的元素
:has(selector) 至少包含一个匹配选择器的元素(例如,div:has(p))匹配所有包含<p>元素的div元素
五:可见性筛选器
:hidden 所有隐藏的元素
:visible 所有在页面布局中占据空间的元素
不会被选中的元素包括:display:none;height/width:0;祖先元素被隐藏;
会选中的元素:visibility:hidden;opacity:0;因为他们都会在布局中占据空间
六:子节点筛选器
:nth-child(expr) 参数中的值是从1开始的索引
:first-child 当前选中元素的第一个子节点
:last-child 当前选中元素的最后一个子节点
:only-child 当元素是父元素中唯一的子节点时
七:属性筛选器
[attribute] 拥有指定属性的元素
[attribute=‘value’] 拥有指定属性,并且值为指定值得元素
[attribute!=‘value’] 拥有指定属性,并且值补位指定值得元素
[attribute^=‘value’] 属性的值以特定的值开头
八:表单选择器
:input 所有的input元素
:text 所有文本类型的input元素
:password 所有密码类型的input元素
:radio 所有的单选按钮
:checkbox 所有的复选框
:submit 所有的提交按钮
:image 所有的图片按钮
:reset 所有的重置按钮
:button 所有的<button>元素
:file 所有的文件选择器
:selected 下拉列表中所有被选中的列表项
:enabled 所有可用的表单元素
:disabled 所有被禁用的表单元素
:checked 所有被选中的单选按钮或复选框
jquery查找元素的更多相关文章
- jQuery 查找元素1
jQuery 查找元素1 1. id // 通过id查找 $('#id') 2. class <div class='c1'></div> // 通过class查找 $('.c ...
- jQuery 查找元素2
jQuery 查找元素2 :first <ul> <li>list item 1</li> <li>list item 2</li> < ...
- jquery 查找元素,id,class
查找元素下的class 带有.pageactive的a标签 $('a.pageactive') 标签a和..pageactive不要有空格,有空格找不到 ======================= ...
- jquery 查找元素
/************ 查找父元素 *************/ //closest()方法 $("#mytd1").bind("click",functi ...
- <<< Jquery查找元素、选择器使用方法总结
$("#myDiv"); //根据给定的ID匹配一个元素,用于搜索id 属性中给定的值,id属性必须是唯一的 $("div"); //根据给定的元素名匹配所有元 ...
- jquery 查找元素,并判断隐藏或显示
html <div class="panel-heading"> <h4 class="panel-title"> <a data ...
- jquery查找父元素、子元素(个人经验总结)
使用js或者jquery查找父元素.子元素经常遇到.可是用起来总容易混淆,这里统一总结了一下,以后用起来相信会方便好多 这里jquery向上查找父元素 用到的方法:closest() parents( ...
- Jquery下控制backgroundPosition位置的问题/jquery查找data id相等的元素
1:想通过控制backgroundPosition 来实现动态效果: $(this).animate({"background-positionY":-13},1); //但是火狐 ...
- jquery查找frameset框架内iframe的元素
老系统还幸存有过时的frameset框架,维护升级工作需要对其内部的iframe中的元素进行相关操作.使用jquery查找子iframe页面内的元素时,总找不到目标元素.后来发现少了contents ...
随机推荐
- 通讯框架 T-io 学习——给初学者的Demo:ShowCase设计分析
前言 最近闲暇时间研究Springboot,正好需要用到即时通讯部分了,虽然springboot 有websocket,但是我还是看中了 t-io框架.看了部分源代码和示例,先把helloworld敲 ...
- [转载] Cassandra入门 框架模型 总结
转载自http://asyty.iteye.com/blog/1202072 一.Cassandra框架二.Cassandra数据模型 Colum / Colum Family, SuperColum ...
- eclipse项目中丢失的R包找回方法
当我们项目中的R文件丢失的时候会令我们痛苦不已,怎样找回呢?总不能删了吧,那样心血会毁于一旦的,我们肯定不会那样做,那要怎么办呢?我这里提供三种方法: 一,一般情况下这样: 方法一:选中 ...
- struts2的简单执行过程
struts2是最近刚学的一个框架,想通过写篇文章来加深下印象,这也是本篇博文产生的由来,下面进入正题 Struts2本身是一个挺简单的框架,我们通过写一个登陆的过程来具体描述下其执行过程 1.首先我 ...
- python PIL图像处理
新建图像 # 三个参数分别代表图像的模式:常用的为RGB(3通道) .RGBA(4通道为透明通道,0为完全透明, 256为不透明) # 第二个参数为图像的长宽参数 # 第三个为默认的填充颜色,RGB时 ...
- Python 爬虫练习(三) 利用百度进行子域名收集
不多介绍了,千篇一律的正则匹配..... import requests import re head = {'User-Agent': \ 'Mozilla/5.0 (Windows NT 6.3; ...
- Chapter 8: Exceptional Control Flow
概述: 我们可以用一种“流”的概念来理解处理器的工作流程,PC(Program Counter)依次为a0,a1,a2,...,an-1,这个序列可以称作control flow.当然我们并不总是按顺 ...
- Kaggle初入门
今天成功的进驻kaggle社区了! 所以以后就要跟kaggle上面的各位一起学习啦! 今天十分成功的在tensorflow的环境里面装了一堆库--什么seaborn啊pandas啊都一次过 然后--并 ...
- JavaScript学习笔记(十五)——对象之Date,RegExp
在学习廖雪峰前辈的JavaScript教程中,遇到了一些需要注意的点,因此作为学习笔记列出来,提醒自己注意! 如果大家有需要,欢迎访问前辈的博客https://www.liaoxuefeng.com/ ...
- redis—操作基础
内存数据库: 1.双击redis-server.exe =>启动2.双击redis-cli.exe =>打开管理控制台3.查看所有key keys *4.查看key类型 type myKe ...