jquery教程之选择器（精选）.ppt_H5之家 - 中国HTML5教程资源分享第一站

文档分类：建筑/环境 > 建筑规划 jquery教程之选择器（精选）.ppt

在线文档经过高度压缩，下载原文更清晰。

淘豆网网友qiaoshi3311655近日为您收集整理了关于jquery教程之选择器（精选）的文档，希望对您的工作和学习有所帮助。以下是文档介绍：jquery教程之选择器（精选） jQuery教程---------选择器内容简介DOM一工厂函数$()二选择器三二DOM一、W3C DOM DOM(Document Object Model)文档对象模型, 它定义了表示和修改文档所需的对象、这些对象的行为和属性以及这些对象之间的关系。可以把DOM认为是页面上数据和结构的一个树形表示。$()一、$() 在jQuery中,无论我们使用哪种类型的选择符,都要从$()这个符号开始。上节课我们已经讲过jQuery中常用的三种选择,如: 标签:$(‘p’)会取得文档中所有的段落 ID: $(‘#idname’)会取得id名称为idname的一个元素类: $(‘.classname’)会取得为classname类的所有元素工厂函数$()二、$=jQuery(实例2-1.html) 在jQuery中,美元符号$等同于jQuery。对于ready事件jQuery中常用简写方式,如:$(document).ready(function(){alert("hello world!");});jQuery(document).ready(来源：淘豆网[])(function(){alert("hello world!");});$ (function(){alert("hello world!");});选择器一、jQuery选择器的优势(实例2-2.html) 选择器是 jQuery 的根基, 在 jQuery 中, 对事件处理, 遍历 DOM和 Ajax 操作都依赖于选择器 jQuery 选择器的优点: 简洁的写法完善的事件处理机制选择器二、jQuery基本选择器基本选择器是 jQuery 中最常用的选择器, 也是最简单的选择器, 它通过元素 id, class 和标记名来查找DOM 元素选择器二、jQuery基本选择器示例(实例2-3.html) 改变 id 为 one 的元素的背景色为红色$("#one").css("backgroundColor","red"); 改变所有类为bgRed的元素的背景色为红色$(".bgRed(来源：淘豆网[])").css("backgroundColor","red"); 改变元素名为<div> 的元素的背景色为红色$("div").css ("backgroundColor","red"); 改变所有元素的背景色为红色$("*").css("backgroundColor","red"); 改变所有span元素和 id 为two的元素的背景色为红色$("span,#two").css("backgroundColor"," red ");选择器三、jQuery层次选择器如果想通过 DOM 元素之间的层次关系来获取特定元素, 例如后代元素, 子元素, 相邻元素, 兄弟元素等, 则需要使用层次选择器选择器三、jQuery层次选择器示例(实例2-4.html) (来源：淘豆网[])改变<body> 内所有<div> 的背景色为红色$("body div"). css("backgroundColor","red"); 改变<body> 内子<div> 的背景色为红色$("body>div"). css("backgroundColor","red"); 改变 id 为 one 的下一个<div> 的背景色为红色$("#one+div") . css("backgroundColor","red"); 改变 id为two的元素后面的所有span元素的背景色为红色$("#two~span") . css("backgroundColor","red");

播放器加载中，请稍候...
系统无法检测到您的Adobe Flash Player版本
建议您在线安装最新版本的Flash Player 在线安装

更多>>该用户其他文档

67 颜真卿与湖州文人群体（文学）

60 颜延之诗文研究（文学）

44 颜延之及其诗文研究（文学）

55 颜师古《汉书注》词义训释体例研究（文学）

64 颜师古《汉书注》训诂术语研究（文学）

94 颜师古《汉书注》字际关系研究（文学）

下载所得到的文件列表

jquery教程之选择器（精选）.ppt

文档介绍：
jquery教程之选择器（精选） jQuery教程---------选择器内容简介DOM一工厂函数$()二选择器三二DOM一、W3C DOM DOM(Document Object Model)文档对象模型, 它定义了表示和修改文档所需的对象、这些对象的行为和属性以及这些对象之间的关系。可以把DOM认为是页面上数据和结构的一个树形表示。$()一、$() 在jQuery中,无论我们使...jquery教程之选择器（精选） jQuery教程---------选择器内容简介DOM一工厂函数$()二选择器三二DOM一、W3C DOM DOM(Document Object Model)文档对象模型, 它定义了表示和修改文档所需的对象、这些对象的行为和属性以及这些对象之间的关系。可以把DOM认为是页面上数据和结构的一个树形表示。$()一、$() 在jQuery中,无论我们使用哪种类型的选择符,都要从$()这个符号开始。上节课我们已经讲过jQuery中常用的三种选择,如: 标签:$(‘p’)会取得文档中所有的段落 ID: $(‘#idname’)会取得id名称为idname的一个元素类: $(‘.classname’)会取得为classname类的所有元素工厂函数$()二、$=jQuery(实例2-1.html) 在jQuery中,美元符号$等同于jQuery。对于ready事件jQuery中常用简写方式,如:$(document).ready(function(){alert("hello world!");});jQuery(document).ready(function(){alert("hello world!");});$ (function(){alert("hello world!");});选择器一、jQuery选择器的优势(实例2-2.html) 选择器是 jQuery 的根基, 在 jQuery 中, 对事件处理, 遍历 DOM和 Ajax 操作都依赖于选择器 jQuery 选择器的优点: 简洁的写法完善的事件处理机制选择器二、jQuery基本选择器基本选择器是 jQuery 中最常用的选择器, 也是最简单的选择器, 它通过元素 id, class 和标记名来查找DOM 元素选择器二、jQuery基本选择器示例(实例2-3.html) 改变 id 为 one 的元素的背景色为红色$("#one").css("backgroundColor","red"); 改变所有类为bgRed的元素的背景色为红色$(".bgRed").css("backgroundColor","red"); 改变元素名为<div> 的元素的背景色为红色$("div").css ("backgroundColor","red"); 改变所有元素的背景色为红色$("*").css("backgroundColor","red"); 改变所有span元素和 id 为two的元素的背景色为红色$("span,#two").css("backgroundColor"," red ");选择器三、jQuery层次选择器如果想通过 DOM 元素之间的层次关系来获取特定元素, 例如后代元素, 子元素, 相邻元素, 兄弟元素等, 则需要使用层次选择器选择器三、jQuery层次选择器示例(实例2-4.html) 改变<body> 内所有<div> 的背景色为红色$("body div"). css("backgroundColor","red"); 改变<body> 内子<div> 的背景色为红色$("body>div"). css("backgroundColor","red"); 改变 id 为 one 的下一个<div> 的背景色为红色$("#one+div") . css("backgroundColor","red"); 改变 id为two的元素后面的所有span元素的背景色为红色$("#two~span") . css("backgroundColor","red"); 内容来自淘豆网转载请标明出处.