全屏背景网站,网页制作实训总结800字,企业网站的制作公司,建设旅行网站什么是jQuery选择器#xff1f; jQuery选择器 是指对#JavaScript# 选取元素的操作进行了封装#xff0c;使选择 Html 元素时更加的容易。 jQuery选择器作用#xff1f; jQuery 选择器类似于 CSS 选择器#xff0c;用来选取网页中的元素 $(h3).css(back… 什么是jQuery选择器 jQuery选择器 是指对#JavaScript# 选取元素的操作进行了封装使选择 Html 元素时更加的容易。 jQuery选择器作用 jQuery 选择器类似于 CSS 选择器用来选取网页中的元素 $(h3).css(background,#09F); 获取并设置网页中所有 h3 元素的背景 “h3” 为选择器语法必须放在 $() 中 $(“h3”) 返回 jQuery 对象 .css() 是为 jQuery 对象设置样式的方法 一、 jQuery 选择器分类 jQuery 选择器功能强大种类也很多需要学习的分类有以下几个 1 、类 CSS 选择器 基本选择器 层次选择器 属性选择器 2 、过滤选择器 基本过滤选择器 ,可见性过滤选择器 在 jQuery 中选择器的操作最终的结果都是一个集合需要进一步处理集合中的元素然后进行操 作。使用 jQuery 选择器可以对一个或多个选取的 Html 元素进行操作以达到完成指定的任务。 注意 在 jQuery 中 $(*) 表示选取 Html 页面中的全部元素选取的是一个具有 HTML DOM 树形结构的集合。 二、基本选择器 基本选择器包括标签选择器、类选择器、 ID 选择器、并集选择器、交集选择器和全局选择器 名称 语法构成描述示例 标签选择 器 element 根据给定的标签名匹配元素 $(h2 )选取所有h2元素 类选择器 .class根据给定的class匹配元素 $( .title) 选取所有 class 为 title 的元 素 ID 选择器 #id根据给定的id匹配元素$( #title)选取id为title的元素 名 称 语法构成描述示例 并 集 selector1,...selectorN 将每一个选择器匹配的元素合并后一起返回 $(div,p,.title ) 选取所有 div 、 p和 br /拥有 class 为 title 的元素 交 集 element.class 或 element#id 匹配指定 class 或 id 的某元素或元素集合 $(h2.title) 选取所有拥有 class 为 title 的 h2 元素 全 局 *匹配所有元素$(* )选取所有元素 示例 div idbox id为box的div
h2 classtitleclass为title的h2/h2
h3 classtitleclass为title的h3/h3
h3热门排行/h3
dl
dtimg srcimages/ch04/case_1.gif width93 height99
alt斗地主 //dt
dd classtitle斗地主/dd
dd休闲游戏/dd
ddQQ斗地主是国内同时在线人数最多的棋牌游戏....../dd
/dl
/div 1 、标签选择器 标签选择器根据给定的标签名匹配元素 作用范围当前 css 作用范围内所有叫该名字的标签被选中 使用说明当所有的同一种标签需要设置相同的效果那么我们可以用标签选择器 $(h3).css(background,#09F) 获取并设置所有 h3 元素的背景颜色 2 、类选择器 类选择器根据给定的 class 匹配元素 使用说明 1 、在同一种标签使用表示选中这类标签中的一部分 ( 加上相同 class 属性 ) 2 、可以跨标签使用 ( 加上相同的 class 属性 ) $(.title).css(background,#09F) 获取并设置所有 class 为 title 的元素的背景颜色 3 、 ID 选择器 ID 选择器根据给定的 id 匹配元素 使用说明一个 id 值在一个页面只能使用一次在页面中我们更多的是用来布局 $(#box).css(background,#09F) 获取并设置 id 为 box 的元素的背景颜色 小结样式的优先级就近原则 ID 选择器 类选择器 标签选择器 4 、并集选择器 并集选择器用来合并元素集合由多个基本 ( 单个 ) 选择器任意组合每个选择器之间用逗号分隔 使用场景当有很多种元素对象需要选择但没有什么规律用多个基本选择器选中。 $(h2,dt,.title).css(background,#09F) 获取并设置所有 h2 、 dt 、 class 为 title 的元素的背景颜色 5 、交集选择器 交集选择器可以对元素集合根据 class 或 id 再筛选 使用需要同时满足两个基本条件再把两个选择器直接组合起来 A 、第一个基本选择器必须为标签选择器 B 、第二个基本选择器为非标签选择器类、 id 选择器 使用场景通常是为了选择同一种 标签中的一部分对象元素 $(h2.title).css(background,#09F) 1 6 、全局选择器 全局选择器可以获取所有元素 改变所有元素的字体颜色 $(*).css(color,red) jQuery选择器内容比较多将分为三篇博客来讲述这是第一篇 感谢大家的阅读如有不对的地方可以私信我感谢大家
