《系列选择器理论.ppt》由会员分享，可在线阅读，更多相关《系列选择器理论.ppt（17页珍藏版）》请在三一办公上搜索。
1、1,选择器,JQuery系列,2,回顾,jQuery是什么？一个优秀的Javascrpt框架jQuery的核心函数有哪些？jQuery(expression,context)jQuery(elements)jQuery(callback)jQuery(html,ownerDocument),3,本章任务,掌握jQuery选择器操作页面元素属性和样式,4,使用jQuery选择器获取页面元素操作元素的属性和样式,本章目标,5,操作属性,attrattr(“属性名”)取得属性的值attr(“属性名”,“属性值”)修改属性的值removeAttr(“属性名”)删除属性例：$(“#divTest”).a
2、ttr(“id”);$(“#divTest”).attr(“class”,“hidden”);,6,操作样式,csscss(“样式名”)取得样式的值css(“样式名”,“样式值”)修改样式的值例：$(“#divTest”).css(“background”);$(“#divTest”).css(“background”,”blue”);,7,操作样式,addClass/removeClass/toggleClassaddClass(“css类名”)添加一个css类removeClass(“css类名”)删除一个css类toggleClass(“css类名”)切换css类例：$(“#divTes
3、t”).addClass(“highlight”);$(“#divTest”).removeClass(“highlight”);,8,操作样式,addClass(“css类名”)vs attr(“class”,“css类名”)例执行$(“#divTest”).attr(“class”,”other”);后而执行$(“#divTest”).addClass(“other”);后,9,jQuery选择器,基本选择器.class再探 使用.class选择器如何取得上面所示的层？$(“.test”)or$(“.other”),10,jQuery选择器,层次选择器ancestor descendant在给定的祖先元素下匹配所有的后代元素例：$(“#divTest p”)parent child在给定的父元素下匹配所有的子元素例：$(“#divTestp”),11,jQuery选择器,基本过滤器,12,jQuery选择器,表单选择器,13,jQuery选择器,其它,14,jQuery筛选,查找,15,jQuery筛选,判断,16,jQuery的选择器有哪些？如何操作元素的属性？attr(“class”,“ClassName”)与addClass(“ClassName”)的区别,总结,17,作业,作业：作业.txt,
