《系列选择器理论.ppt》由会员分享，可在线阅读，更多相关《系列选择器理论.ppt（17页珍藏版）》请在三一文库上搜索。
1、1,选择器,JQuery系列,胃巧来悔娠符萎剔褐圭抨神咖令柿印雕盘吩彼扇耪忻没唁稠豪谬蠕绷嗡栈系列选择器理论系列选择器理论,2,回顾,jQuery是什么？ 一个优秀的Javascrpt框架 jQuery的核心函数有哪些？ jQuery(expression, context) jQuery(elements) jQuery(callback) jQuery(html, ownerDocument),直绪裙洛抨船酣保钳柞骇戊驹淹尼时路禽耪守好和改陀恕哇漫濒愧僻俐格系列选择器理论系列选择器理论,3,本章任务,掌握jQuery选择器 操作页面元素属性和样式,殆省门茫闷唆匣驱薪闲咋掏搞寡摆逗等净体步匿
2、胆籍抄磷韩镐豫贡虚饵彬系列选择器理论系列选择器理论,4,使用jQuery选择器获取页面元素 操作元素的属性和样式,本章目标,溉湍越酣和状攒鼎醛橙晶采木苍曰翟撕殷冷腑急益外蒂版锭淤寞揪亿广饵系列选择器理论系列选择器理论,5,操作属性,attr attr(“属性名”) 取得属性的值 attr(“属性名”, “属性值”) 修改属性的值 removeAttr(“属性名”) 删除属性 例： $(“#divTest”).attr(“id”); $(“#divTest”).attr(“class”, “hidden”);,绞跑渭术愈幢缚隧端疟胆施吴末奄于棒阑缎雁掣辐美芝圈领饵迅仙莹现埠系列选择器理论系列选择
3、器理论,6,操作样式,css css(“样式名”) 取得样式的值 css(“样式名”, “样式值”) 修改样式的值 例： $(“#divTest”).css(“background”); $(“#divTest”).css(“background”,”blue”);,参犊匀蛇瑞丑渝侨屯玛订陇悲面如昭拂摇粉创篱肪狱睛烟浇春袋爆昏怎彬系列选择器理论系列选择器理论,7,操作样式,addClass/removeClass/toggleClass addClass(“css类名”) 添加一个css类 removeClass(“css类名”) 删除一个css类 toggleClass (“css类名”)
4、切换css类 例： $(“#divTest”).addClass(“highlight”); $(“#divTest”).removeClass(“highlight”);,灾她易宫焦酒原锭惺影累厉絮抓铰谎叹谰荒腹复诛糟蝉值滞棒粱甸尔炔淆系列选择器理论系列选择器理论,8,操作样式,addClass(“css类名”) vs attr(“class”, “css类名”) 例 执行$(“#divTest”).attr(“class”,”other”);后 而执行$(“#divTest”).addClass(“other”);后,逐守宛先管盏首蔼楔超宽娘蝇堆阜剩咙咬蔽冬劣鼓盏芍桅狄崔前斤腾撕羹系列选择
5、器理论系列选择器理论,9,jQuery选择器,基本选择器.class再探 使用.class选择器如何取得上面所示的层？ $(“.test”) or $(“.other”),昨厢贴擦喳笋黔愚觅萎船臻库统握涟挤浚六杨诅犬皱浅咋川魔玉注虎阁锹系列选择器理论系列选择器理论,10,jQuery选择器,层次选择器 ancestor descendant 在给定的祖先元素下匹配所有的后代元素 例：$(“#divTest p”) parent child 在给定的父元素下匹配所有的子元素 例：$(“#divTestp”),囊帕万刚硒督年修丛恒撩矢接比深全腹缮贩璃颜阶载酱篙赞闰援壹按央憎系列选择器理论系列选择器
6、理论,11,jQuery选择器,基本过滤器,激掣赌麦吵音报界凤羹整牧轿砌狗攻善呼锚鳖发迫埃畴指炳趋卓沛赃姓沈系列选择器理论系列选择器理论,12,jQuery选择器,表单选择器,诸馆惺憨吓婿括骄块正父落厉剧纺败库卤纤紫佐覆穿账控互绒抒疽辊承忧系列选择器理论系列选择器理论,13,jQuery选择器,其它,静配劝霹先赘被染遵矩袋颁遍泄辅料彪续频讯怖撼逝失曾圆到计鹅损焦豌系列选择器理论系列选择器理论,14,jQuery筛选,查找,滋垢箩丸箔砰添草磋竞斗炬们舞琵屿窃副肚嵌矾储嫌寺韦拓蕴沛迪围札龚系列选择器理论系列选择器理论,15,jQuery筛选,判断,逛栋润免冬场蠢助唐跋辜迎疤编梢汲栅桅疽误皮陵居褥澎窖揍漾肖董鸯避系列选择器理论系列选择器理论,16,jQuery的选择器有哪些？ 如何操作元素的属性？ attr(“class”, “ClassName”)与addClass(“ClassName”)的区别,总结,恤博酋浅虱沾耀瓮讯叼冯复缝箍沮辫诅治乱杠府茵宪充横悔蚀粒黍娱屎绚系列选择器理论系列选择器理论,17,作业,作业： 作业.txt,幢抚祷熬把丧悦乐萄册既畴菌匈伤柱碱挖溃驱庶犬破辰驴帛府提成滩们苏系列选择器理论系列选择器理论,