欢迎来到天天文库
浏览记录
ID:57057974
大小:456.00 KB
页数:20页
时间:2020-07-30
《jQuery框架和AJAX技术第二章课件.ppt》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、第二章jQuery中的选择器回顾jQuery简介编写简单的jQuery程序jQuery对象和DOM对象jQuery中的基本选择器包装集的管理目标选择器简介层次选择器过滤选择器表单选择器选择器的概念CSS选择器它使得网页的结构和表现样式完全分离。利用CSS选择器能轻松地对某个元素添加样式而不改动HTML结构jQuery选择器jQuery中的选择器完全继承了CSS风格。利用jQuery选择器,可以非常便捷和快速地找出特定的DOM元素,然后为它们添加相应的行为,而无需担心浏览器是否支持这一选择器。层次选择器选择器描述示例$("ances
2、tordescendant")选取ancestor元素里的所有descendant(后代)元素$("divspan")选取
3、div~span")选取
4、ion","underline");//将label元素的下一个input元素的边框样式修改$("label+input").css("border-top","none").css("border-left","none").css("border-right","none");//将id为myDiv的div元素后的所有兄弟节点添加背景色$("#myDiv~span").css("background-color","gray");});基本过滤选择器选择器描述示例:first选取第一个元素$("div:first")选取所有<
5、div>元素中第一个
6、index的元素(index从0开始)$("input:eq(1)")选取索引等于1的元素:gt(index)选取索引大于index的元素(index从0开始)$("input:gt(1)")选取索引大于1的元素:lt(index)选取索引小于index的元素(index从0开始)$("input:lt(1)")选取索引小于1的元素:header选取所有标题元素,例如:h1,h2,h3等等$(":header")选取网页中所有的标题元素基本过滤选择器示例页面JavaScript代码片段
7、cripttype="text/javascript">$(function(){$("tr:even").css("background-color","red");});这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容8、e>内容过滤选择器选择器描述示例:contains(text)选取含有文本内容为text的元素$("div:contains('abc')")选取含有文本"abc"的元素:empty选取不包含子元素或者文本的空元素$("div:empty 当前文档最多预览五页,下载文档查看全文 侵权申诉 举报 1 1 2 3 4 5 / 20 此文档下载收益归作者所有 下载文档 当前文档最多预览五页,下载文档查看全文 点击下载本文档
8、e>内容过滤选择器选择器描述示例:contains(text)选取含有文本内容为text的元素$("div:contains('abc')")选取含有文本"abc"的
此文档下载收益归作者所有