关于jquery中的选择器的概念和各个选择器的用法及功能
来源:互联网 发布:企业画册制作软件 编辑:程序博客网 时间:2024/05/20 23:33
关于jquery中的选择器的概念和各个选择器的用法及功能
概念:选择器允许您对元素组或单个元素进行操作,在 jQuery 中, 对事件处理, 遍历 DOM 和 Ajax 操作都依赖于选择器
选择器的分类:基本、层次、简单、内容、可见性、属性、子元素、表单
表单对象属性
一、基本选择器(5种):
1、id选择器:
用法:$("#id")
功能:用于搜索的,通过元素的 id 属性中给定的值进行搜索
2、element
用法:$("div");
功能:一个用于搜索的元素。指向 DOM 节点的标签名。
3、.class
用法:$(".myClass");
功能:一个用以搜索的类。一个元素可以有多个类,只要有一个符合就能被匹配到。
4、*
用法:$("*")
功能:匹配所有元素。多用于结合上下文来搜索。
5、selector1、selector2、selectorn
用法:$("div,span,p.myClass")
功能:将每一个选择器匹配到的元素合并后一起返回。你可以指定任意多个选择器,并将匹配到的元素合并到一个结果内。
描述:selector1是一个有效的选择器,selector2是另一个有效的选择器,selectorn是任意多个有效的选择器。
二、层级选择器
1、ancestordescendant
用法:$("form input")
功能:在给定的祖先元素下匹配所有的后代元素
2、parent> child
用法:$("form > input")
功能:在给定的父元素下匹配所有的子元素
3、prev + next
用法:$("label + input")
功能:匹配所有紧接在 prev 元素后的 next 元素
4、prev ~ siblings
用法:$("form ~ input")
功能:匹配 prev 元素之后的所有 siblings 元素
三、简单选择器
1、:first
用法:$('li').first()
功能:获取匹配的第一个元素
2、:last
用法:$('li').last()
功能:获取匹配的最后一个元素
3、:not
用法:$("input:not(:checked)")
功能:去除所有与给定选择器匹配的元素,用于筛选的选择器
4、:even
用法:$("tr:even")
功能:匹配所有索引值为偶数的元素,从 0 开始计数。即查找表格的1、3、5...行(即索引值0、2、4...)
5、:odd
用法:$("tr:odd")
功能:匹配所有索引值为奇数的元素,从 0 开始计数。即查找表格的2、4、6行(即索引值1、3、5...)
6、:eq
用法:$(“tr:eq(1)”)
功能:匹配一个给定索引值的元素(eq(1)是指查找第二行)
7、:gt
用法:$("tr:gt(0)")
功能:匹配所有大于给定索引值的元素
8、:lt
用法:$("tr:lt(0)")
功能:匹配所有小于给定索引值的元素
9、:header
用法:$(":header").css("background", "#EEE");
功能:匹配如 h1, h2, h3之类的标题元素
10、::animated
用法:$("#run").click(function(){
$("div:not(:animated)").animate({ left: "+=20" }, 1000);
});
功能:匹配所有正在执行动画效果的元素
- 关于jquery中的选择器的概念和各个选择器的用法及功能
- JQUERY 选择器的用法
- 关于JQuery的选择器
- CSS中的id选择器和类选择器的用法
- js选择器和jquery选择器的比较
- jQuery选择器的灵活用法
- jquery选择器的用法总结
- jquery中选择器的用法
- jquery中选择器的用法
- jquery选择器的高级用法
- 关于jQuery强大的选择器
- 关于JQuery选择器的类型
- jQuery的选择器及过滤器
- CSS中的ID选择器和类选择器区别及用法
- jQuery的选择器中的通配符
- jQuery的选择器中的通配符
- jQuery的选择器中的通配符
- jQuery的选择器中的通配符
- 在VS2010中开发ActiveX控件设置测试容器的方式
- 2012-03-20:并行计算相关知识总结
- 适合hibernate的log4j.properties
- SPQuery.ViewAttributes
- Linux 删除指定时间前的文件
- 关于jquery中的选择器的概念和各个选择器的用法及功能
- poi 方式导出excel
- 【C/C++】C/C++内存泄漏检测
- 44.VC(custom)-EDIT密码框切换(随手代码)
- 【产品设计】37signals倡导及实践的8个理念
- Oracle中table变量在JDBC中的运用
- discuz DIY注意问题
- ATL的CString中含有乱码,调用搜索功能导致异常
- 第五周任务一(1)