第2讲 JQuery选择器.ppt

上传人:99****p 文档编号:1440441 上传时间:2019-02-27 格式:PPT 页数:33 大小:684KB
下载 相关 举报
第2讲 JQuery选择器.ppt_第1页
第1页 / 共33页
第2讲 JQuery选择器.ppt_第2页
第2页 / 共33页
第2讲 JQuery选择器.ppt_第3页
第3页 / 共33页
第2讲 JQuery选择器.ppt_第4页
第4页 / 共33页
第2讲 JQuery选择器.ppt_第5页
第5页 / 共33页
点击查看更多>>
资源描述

1、JQuery选择器Jquery的根基课堂回顾l 怎样引入 jqueryl 怎样引用事件l 怎样使用连缀l addClass(类名)的使用(自己验证removeClass(类名)jQuery选择器l 引入: 在页面中为某个元素添加属性或事件时,必须先准确地找到该元素 在 jQuery 库中,可以通过选择器实现这一重要的核心功能l 选择器是 jQuery 的根基 , 在 jQuery 中 , 对事件处理, 遍历 DOM 和 Ajax 操作都依赖于选择器l 选择器的优势:l 兼容性好l 代码更简单。l 完善的检测机制。jQuery 选择器l jQuery 选择器的 优点 :l 简洁的写法l 完善的事

2、件处理机制jQuery选择器返回的永远是数组对象,即使没有找到也会返回一个空数组语法简单(案例验证)l 表格隔行变色效果l 选择器的分类基本选择器l 基本选择器是 jQuery 中最常用的选择器 , 也是最简单的选择器 , 它通过元素 id, class 和标记名来查找 DOM 元素l 实现如下功能l ID 匹配元素(把 ID为 divOne 的层显示)l 元素名匹配元素(把 span元素内容显示)l 类匹配元素(把类 clsOne 元素内容显示)l 匹配所有元素l 合并匹配元素$(“*“).css(“display“,“block“);$(“#divOne,span“).css(“displ

3、ay“,“block“)$(“#divOne“).css(“display“,“block“)基本选择器示例练习l 改变 id 为 one 的元素的背景色为 红色l 改变元素名为 的所有元素的背景色为 # bbffaa,字体颜色为红色l 改变第一个 元素的背景色为红色l 改变所有 元素和 id 为 one 的元素的背景色为 # bbffaa$(“#one“).css(“backgroundColor“,“red“);$(“p“).css(color:“red“,backgroundColor:“#bbffaa“);$(“p“).eq(0).css(“backgroundColor“,“red“);$(“h1,#one“).css(“backgroundColor“,“#bbffaa“);案例补充在原来案例基础上,使用 addClass和removeClass方法,实现在应用新的样式前把原有的样式清除。

展开阅读全文
相关资源
相关搜索

当前位置:首页 > 教育教学资料库 > 课件讲义

Copyright © 2018-2021 Wenke99.com All rights reserved

工信部备案号浙ICP备20026746号-2  

公安局备案号:浙公网安备33038302330469号

本站为C2C交文档易平台,即用户上传的文档直接卖给下载用户,本站只是网络服务中间平台,所有原创文档下载所得归上传人所有,若您发现上传作品侵犯了您的权利,请立刻联系网站客服并提供证据,平台将在3个工作日内予以改正。