jquery的选择器
一。基本选择器
1.$("#id") id选择器,返回单个元素
2.$(".class") class选择器,返回集合元素
3.$("element") 标签element,返回集合元素
4.$("*") 所有元素*,改变所有html标签元素,返回集合元素
5.$("selector,selector2……") 将每一个选择器匹配到的元素合并后一起返回,返回集合元素
二。层次选择器
1.$("ancestor descendant") 后代元素选择器,其中ancestor是指任何有效元素,descendant是其后代
2.$("parent>child") 子元素选择器
注:子元素选择器只能选择到子元素,后代元素选择器能选择所有后代,子孙等
3.$("prev+next") 相邻元素选择器,next是prev元素相邻的下一个元素
4.$("prev~siblings") 兄弟选择器,siblings是指prev元素后面的所有兄弟元素
在这里写几个方法,可以与上面的方法交替使用:
1.jquery.parent() 找父元素
2.jquery.parents() 找到所有祖先元素,不只限于一个父元素
3.jquery.children() 查找所有子元素,只会找到直接的孩子节点,不会孙子
4.jquery.contents() 查找下面的所有内容,包括节点和文本
5.jquery.prev() 查找上一个兄弟节点
6.jquery.prevAll() 查找之前的所有兄弟节点
7.jquery.next() 查找下一个兄弟节点
8.jquery.nextAll() 查找之后的所有兄弟节点
9.jquery.siblings() 查找其余的所有兄弟节点,部分前后
10.jquery.find(expr) 查找其子孙后代中的元素节点
三。基本过滤选择器
jquery选择器的过滤规则与css中的伪类选择器语法是相同的,都以":"开头。
1. :first 选取第一个元素,例如:$("E:first")。返回单个元素
2. :last 选取最后一个元素,返回单个元素
3. :not(selector) 去除所有与给定选择器匹配的元素,返回集合元素
4. :even 选取索引值为偶数的所有元素,其中索引值从0开始计算,返回集合元素
5. :odd 选取索引值为奇数的所有元素,返回集合元素
6. :eq(index) 选取索引值等于index的元素,其中index从0开始计算,返回集合元素
7. :gt(index) 选取索引值大于index的元素,其中index从0开始计算,返回集合元素
8. :lt(index) 选取索引值小于index的元素,其中index从0开始计算,返回集合元素
9. :header 选取页面所有标题元素h1-h6,返回集合元素
10. :animated 选取当前正在执行动画的所有元素
四。内容过滤选择器
1. :contains(text) 选取含有文本内容为"text"的元素,返回集合元素
2. :empty 选取不含任何子元素或文本的空元素,返回集合元素
3. :has(selector) 选取含有选择器所匹配的元素,返回集合元素
4. :parent 选取含有子元素或者文本的元素标签,返回集合元素
jquery的选择器的更多相关文章
- jQuery 的选择器常用的元素查找方法
jQuery 的选择器常用的元素查找方法 基本选择器: $("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myE ...
- HTML 学习笔记 JQuery(选择器)
学习前端也有一段时间了,今天终于进入到JQuery阶段了,对于新手来讲,JQuery的选择器类型之多 功能之强大实在不是一天两天能够记得完的.现在,就采用边学边记录的方式.以后要是忘了的话,也有一个地 ...
- jQuery的选择器中的通配符总结
1.选择器 (1)通配符: $("input[id^='code']");//id属性以code开始的所有input标签 $("input[id$='code']&quo ...
- JQuery 层次选择器
<!DOCTYPE HTML> <html> <head> <title> 使用jQuery层次选择器 </title> <scrip ...
- jQuery过滤选择器
//基本过滤器$('li:first').css('background','#ccc');//第一个元素$('li:last').css('background','red');//最后一个元素$( ...
- jquery相对选择器,又叫context选择器,上下文选择器;find()与children()区别
jquery相对选择器有两个参数,jQuery函数的第二个参数可以指定DOM元素的搜索范围(即以第二个参数指定的内容为容器查找指定元素). 第二个参数的不同的类型,对应的用法如下表所示. 类型 用法 ...
- jQuery之选择器
jQuery元素选择器和属性选择器允许您通过标签名.属性名或内容对 HTML 元素进行选择和操作,而在 HTML DOM中,选择器可以对DOM元素组或单个DOM 节点进行操作.通俗点说,选择器的作用就 ...
- 关于jquery ID选择器的一点看法
最近看到一道前端面试题: 请优化selector写法:$(".foo div#bar:eq(0)") 我给出的答案会是: 1. $("#bar") 2. $( ...
- jQuery的选择器中的通配符[id^='code'] 【转】
JQuery 1.选择器 (1)通配符: $("input[id^='code']");//id属性以code开始的所有input标签 $("input[id$='cod ...
- jquery下 选择器整理
jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法 $("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个 ...
随机推荐
- oracle 误删数据恢复
1.根据时间点查系统版本号scn: select timestamp_to_scn(to_timestamp('2013-01-07 11:20:00','YYYY-MM-DD HH:MI:SS')) ...
- MongoDB学习笔记三—增删改文档上
插入insert 单条插入 > db.foo.insert({"bar":"baz"}) WriteResult({ }) 批量插入 > db.fo ...
- caffe的python接口学习(7):绘制loss和accuracy曲线
使用python接口来运行caffe程序,主要的原因是python非常容易可视化.所以不推荐大家在命令行下面运行python程序.如果非要在命令行下面运行,还不如直接用 c++算了. 推荐使用jupy ...
- 使用LogMaster4Net实现应用程序日志的集中管理
日志在软件系统中的重要性我在此也不赘述了,几乎所有程序员每天都会更日志打交道. 那么你是否曾今为这样的一些事情而困扰过: - 远程登录到不同的服务器,找到应用程序目然后查看应用日志: - 来回切换于不 ...
- ASP.NET跨平台最佳实践
前言 八年的坚持敌不过领导的固执,最终还是不得不阔别已经成为我第二语言的C#,转战Java阵营.有过短暂的失落和迷茫,但技术转型真的没有想象中那么难.回头审视,其实单从语言本身来看,C#确实比Java ...
- 【转】ofbiz数据库表结构设计
真心不错的文章,可以加深对企业信息化的设计理解:) http://blog.sina.com.cn/s/blog_a2ca5d8c01017fa0.html http://blog.sina.com. ...
- Spring6:基于注解的Spring MVC(上篇)
什么是Spring MVC Spring MVC框架是一个MVC框架,通过实现Model-View-Controller模式来很好地将数据.业务与展现进行分离.从这样一个角度来说,Spring MVC ...
- Angular2笔记:NgModule
Angular的模块的目的是用来组织app的逻辑结构. 在ng中使用@NgModule修饰的class就被认为是一个ng module.NgModule可以管理模块内部的Components.Dire ...
- 警告: [unchecked] 对作为原始类型IScheme的成员的write(TProt ocol,T)的调用未经过检查
jdk 从8 改成了7 就好了! 或者, 修改源码, 每个响应的地方加上 surppressingWarnings xxx , 或者使用 请使用 -Xlint:unchecked 重新编译. 参照 h ...
- 数组去重 JS
我说的数组去重是这样的: var arr = ['f', 'a', 'b', 'd', 'e', 'g'] ; var str='f'; 去除arr中的str 最简单的是遍历arr与str做比较, ...