欢迎来到天天文库
浏览记录
ID：13697312
大小：780.00 KB
页数：16页
时间：2018-07-23
《jquery_day02(选择器&应用实例&表单插件)》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。
1、陈浩夏JQuery1.8基础教程V1.3day02：jQuery选择器&应用实例学习要点：1、jQuery选择器（重点）a)基本选择器b)层次选择器c)过滤选择器d)表单选择器2、jQuery实用案例a)表格隔行变色b)表格的展开与收缩c)多选框与表格加亮d)广告/五屏幻灯片一、jQuery选择器详细（重点）ljQuery选择器分为：Ø基本选择器Ø层次选择器Ø过滤选择器Ø表单选择器l示例：demo-base.htmlØ说明：u创建jQuery选择器演示静态页面（里面包含各种div和span元素）u下面使用jQuery选择器来匹配元素并调整它们的样式时间：2012年12月授
2、课：陈浩夏版权所有：陈浩夏陈浩夏JQuery1.8基础教程V1.3Ø图示：Ø代码：（略）1、基本选择器1)概念/语法l基本选择器是jQuery中最常用的选择器，也是最简单的选择器，它通过元素id、class和标签名等来查找DOM元素l在网页中，每个id名称只能使用一次，class允许重复使用l基本选择器的介绍说明如下表所示选择器描述返回示例#id根据给定的id匹配一个元素单个元素$("#test")选取id为test的元素.class根据给定的类名匹配元素集合元素$(".test")选取所有class为test的元素element根据给定的元素名匹配元素集合元素$("p"
3、)选取所有的
元素*匹配所有元素集合元素$("*")选取所有的元素（组选择器）将每一个选择器匹配到元素合并后一起返回集合元素$("div,span,p,.时间：2012年12月授课：陈浩夏版权所有：陈浩夏陈浩夏JQuery1.8基础教程V1.3selector1,selectr2……,selectorNmyClass")选取所有
标签的一组元素1)示例l示例：demo01-jq.htmll可以使用这些基本选择器来完成绝大多数的工作l下面用它们来匹配刚才HTML代码中的
4、（改变背景色），示例如下表所示：功能代码改变id为one的元素的背景色$('#one').css("background","#bbffaa")改变class为mini的所有元素的背景色$('.mini').css("background","#bbffaa")改变元素名是
5、,"#bbffaa")1、层次选择器1)概念/语法l如果想通过DOM元素之间的层次关系来获取特定元素，例如后代元素、子元素、相邻元素和兄弟元素等，那么层次选择器是一个非常好的选择l层次选择器的介绍说明如下表所示：选择器描述返回示例（后代选择器）$("ancestordescebdabt")选取ancestor元素里的所有descendant(后代)元素集合元素$("divspan")选取
6、d")选取parent元素下child(子)元素，与$("ancestordescebdabt")有区别，$("ancestordescebdabt")选择的是后代元素span")选取
7、1-jq.htmll继续沿用刚才例子中的HTML和CSS代码，然后用层次选择器来对网页中的
此文档下载收益归作者所有
