使用jQuery快速制作网页特效 第六章jQuery选择器

《jQuery 设置:全面指南与最佳实践》 jQuery 是一个快速、小型且功能丰富的 JavaScript 库。它通过封装原生 JavaScript 功能,提供了一套简洁的 API,使得开发者可以更轻松地实现复杂的网页交互。本文为您提供了一个全面的 jQuery 设置指南,涵盖了从基础到高级的各个方面。通过学习和应用这些知识,您可以更好地使用 jQuery 来提高网页的性能和用户体验。希望本文对您有所帮助! 阅读详情
1.jQuery选择器的优势
  (1)简洁的写法
  (2)完善的处理机制
2.jQuery选择器的类型
  (1)通过CSS选择器选取元素
     基本选择器
     层次选择器
     属性选择器
  (2)通过过滤选择器元素
     基本过滤选择器
     可见性过滤选择器
3.基本选择器
  标签选择器  element 指定的标签名元素
  类选择器    .class  指定class元素
  id选择器    #id     指定id元素
  并集选择器  select1,...selectN 将每个选择器匹配的元素合并后一起返回
  全局选择器  *       匹配所有元素
4.层次选择器
  后代选择器 root offsping    选取root元素里的所有offsping(后代)元素
  子选择器   parent>child     选取parent元素下的child(子)元素
  相邻元素选择器  prev+next   选取紧邻prev元素之后的next元素
  同辈元素选择器  prev~sibings   选取prev元素之后的所有sibings(同辈)元素
5.属性选择器
  []   包含指定属性的元素
  [=]  等于指定属性是某个特定值的元素
  [!=] 不等于指定属性是某个特定值的元素
  [^=] 选取指定属性是以某些特定值开始的元素
  [$=] 选取指定属性是以某些特定值结尾的元素
  [*=] 选取指定属性值包含某些值的元素
6.基本过滤选择器
  :first   第一个元素
  :last    最后一个元素
  :not(select)  去除所有与给定选择器匹配的元素
  :even   索引是偶数的所有元素
  :odd   索引是奇数的所有元素
  :eq(index)   索引等于index的元素
  :gt(index)   索引大于index的元素
  :lt(index)   索引小于index的元素
  :header      所有标签的元素:如h1-h6
  :focus   选取当前获取焦点的元素
  :animated   所有动画元素
7.可见性过滤选择器
  :visible   所有可见的元素
  :hidden    所有隐藏的元素
8.编写选择器时要注意特殊符号和空格。
北大青鸟ACCP8.0使用jQuery快速高效的制作网页交互特效 第六章 上机+课后+上课实例代码 立即下载

相关推荐

S2 使用jQuery快速高效制作网页交互特效

使用jQuery快速高效制作网页交互特效,希望可以帮到有需要的朋友。

jQuery第六章课后作业

5.制作当页面加载完毕时,列表隔行变色,背景颜色值为#ececec。 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>隔行变色的列表</title> <link rel="st

suixinCaesar的博客 4870

北大青鸟ACCP7.0使用jQuery快速高效制作网页交互特效全套案例及ppt资源

最新上传课件 包含PPT 上机及课后案例 和答案 等等 如果上课没听懂 课后作业不会做 这套资源是个好的助手

使用JQuery快速高效制作网页交互特效第六章所有上机

上机一 样式 body,h1,h2,h3,p,ul,li,dl,dt,dd,div,section{margin: 0;padding: 0;} body{ font-family: "微软雅黑"; font-size: 12px; line-height: 28px; } #book{ margin: 5px auto 0 auto; width: 650...

weixin_44269168的博客 6497

jQuery选择器上机练习题及答案.rar

(答案见下载资源) 上机任务1 用chrome打开dom.sample2.html页面, 在chrome的控制台中输入jQuery代码并执行,完成以下选择动作: (1)查找id号为tigerLily的元素 (2)查找拥有类myList的元素 (3)查找所有的input元素 (4)查找所有img元素和tr元素 (5)查找id号为coffeePot和id号为someDiv的元素 (6)选择具有id属性的所有元素 (7)选择具有id属性的input元素 (8)选择其value属性等于A的元素 (9)选择其value属性等于A或等于C的元素 (10)选择其title属性值中含有dog的img元素 (11)选择其href属性值以http开头的a元素 (12)选择div元素内嵌套的span元素 上机任务2 用chrome打开dom.sample2.html页面, 在chrome的控制台中输入jQuery代码并执行,完成以下选择动作: (13)选择元素li,该元素作为拥有myList类的ul元素的直接子元素 (14)选择id号为radioA的input元素后面的第一个input兄弟元素 (15)选择id号为radioA的input元素后面的所有input兄弟元素 (16)选择dom sample页面中第3个tr元素 (17)选择其type属性值checkbox且索引为偶数的input元素 (18)选择非最后一行的tr元素 (19)选择所有的checkbox元素 (20)选择所有被选中的表单元素 (21)选择含有1972的td元素 (22)选择包含有sapn元素的div元素 (23)选择表格中每行的第一个单元格和最后一个单元格 (24)选择表格中第3行,标题行不算(要求用nth-child()过滤器) 上机任务3 用chrome打开dom.sample2.html页面,该页面中内嵌有几个CSS类:.red .green .blue .yellow .thickBorder .seeThrough 在chrome的控制台中输入jQuery代码并执行,完成以下选择动作: (1)将拥有alt属性的倒数第二个图片元素应用yellow类 (2)将第一个checkbox表单元素应用.green样式 (3)求id值为checkbox3的元素在所有表单元素里的顺序号 (4)用一条链式语句完成:先对所有img元素应用seeThrough样式,再为所有img元素和tr元素应用yellow样式 (5)用filter方法实现:选择单元格内容为Java或Smalltalk的单元格 (6)取图片集中的第2,3,4张图片 (7)用has方法实现:选择那些包含有ul元素的li元素 (8)将tbody每个单元格里的文字设为:我爱jQuery (9)查找form元素的后代元素中标签为label的元素 (10)查找表单元素中是否有id值为checkbox5的元素 提示: 为某dom元素应用某css样式可以使用jQuery中的addClass方法,例如:将id为tt的div元素应用.bt样式,可用些语句:$("#tt").addClass("color","red");

北大青鸟 S2 7.0使用jQuery快速高效制作网页交互特效1

北大青鸟ACCP7.0 使用jQuery快速高效制作网页交互特效1第一部分课件以及代码答案 由于课件太大 所以分两部分上传

使用jQuery快速高效制作网页交互特效 第六章 上机练习五 制作全网热播视频页面

<script type="text/javascript"> $(function () { $("ul>li:not(:last)").css("margin-right","10px"); $("ul>li:not(:last) span,ul>li:last li:first span").css(&quot

闲来无事的博客 9088

使用jQuery快速高效制作网页交互特效

这是北大青鸟课件,中间包含PPT、源码、项目案例,快速学习jQuery. 经典资料,欢迎下载!

S2 使用jQuery快速高效制作网页交互特效 第六章jQuery选择器 知识点

jQuery选择器的优势 (1) 简洁的写法 (2) 完善的处理机制 2.jQuery选择器的类型 (1) 通过CSS选择器选取元素 •基本选择器 什么是基本选择器? 答:jQuery基本选择器与CSS基本选择器相同,它继承了CSS选择器的语法和功能,主要由元素标签名、class、id多个选择器组成,通过基本选择器可以实现大多数页面元素的查找。基本选择器主要包括标签选择器、类选择器、id选择器、...

weixin_44269168的博客 619

开源PACS系统Orthanc(DICOM服务器)配置

PACS(Picture Archiving and Communication System)是医学影像的数字化存储、检索和传输系统,用于管理和存储医学图像和相关信息,如放射学、核医学、超声、病理学等各种医学影像。PACS系统通过数字化技术取代了传统的胶片方式,使医疗机构能够更高效地存储、传输和查看医学图像,从而提高了医疗图像的管理和工作流程。

qq_42231043的博客 6250

RAGFlow本地部署遇阻:解析进度卡顿的排查与修复指南

本文针对RAGFlow本地部署中常见的文档解析进度卡顿问题,提供了详细的排查与修复指南。核心原因是模型下载网络受阻,解决方案是通过修改环境配置文件,将模型下载源切换至国内镜像站,从而快速解决解析停滞问题。

weixin_29297127的博客 341

使用JQuery快速高效制作网页交互特效第六章课后

课后五 样式 *{padding:0px;margin:0px;font-size:12px;} a{ color:#000; text-decoration:none; } ul{list-style:none;} dl,dt,dd{ display:block; } dl{ clear:both; height:30px; width:670px...

weixin_44269168的博客 1137

Tessent IJTAG ICL:从规范到实践的硬件描述语言指南

本文深入解析Tessent IJTAG ICL语言在硬件测试中的应用,从规范到实践提供全面指南。通过模块化设计、网络提取与编辑等实战技巧,帮助工程师高效构建标准化测试网络,显著提升芯片测试效率与覆盖率。特别分享TDR/SIB/TAP的ICL实现方法及调试策略,适用于SoC、车载芯片等复杂场景。

weixin_33606346的博客 301

使用jQuery快速高效制作网页交互特效、第六章

##JQuery选择器## 一:什么是JQuery选择器 1、良好的继承了CSS选择器的语法,还继承了它获取元素便捷高效的特点 2、JQuery选择器获取元素后,为该元素添加的是行为,使页面变得更加丰富多彩 3、JQuery拥有良好的浏览器兼容性 4、JQuery的操作都建立在所获取的元素之上 二:JQuery选择器的优势 1.简洁的写法 $()函数在JQuery中被当做一个选择器函数来使用,通过标签名来获取HTML元素 2.完善的处理机制 三:JQuery选择器的类型 1、通过CSS选择器选取元素 ①基本

cdx_xingxingxing的博客 313

多传感器标定全栈系统学习教程

无论是激光雷达(Lidar)、毫米波雷达(Radar)、相机(Camera)还是惯导(IMU),传感器之间的精确标定直接决定了系统的可靠性与性能。本文将以系统化的视角,梳理多传感器标定的核心知识体系,并分享一套覆盖全栈技术的学习路径。Calibration)是实现点云与图像融合的前提,而雷达与车辆的标定(Radar2Car)则是精准速度估计的关键。:Lidar2Car、Camera2Car的快速标定流程,标定板布置规范。:从单传感器标定入手(如相机内参),逐步过渡到多传感器联合标定。

weixin_41792788的博客 904

TouchSocket TcpService:构建高性能Tcp服务的终极利器

/ 接收到的数据data");// 回复客户端await ((ITcpSessionClient)client).SendAsync("服务端已收到消息!");// 继续执行后续插件TouchSocket的TCPService以极简的API、强大的扩展性和卓越的性能,重新定义了.NET TCP服务的开发体验。无论是物联网平台还是金融级实时通信系统,TCPService均能提供可靠的基础设施支持。立即探索示例项目,开启你的高性能服务开发之旅!扩展阅读如何实现WebSocket服务?

若汝棋茗 的博客 1461

十、jQuery(上) - 章节课后练习题及答案

jQuery(上) - 章节课后练习题及答案,使用的是人民邮电出版社出版的《JavaScript+jQuery 交互式 Web 前端开发》书籍。

熊先森的博客 1万+

AI算力网络与通信领域流量分析:优化策略探讨_副本

今天的AI就像一个"超级吃货",每天要"吃"掉海量数据、“消耗"巨量算力——训练一个千亿参数的大模型,可能需要上万块GPU同时工作数周,其间产生的数据传输量足以填满数百万个1TB硬盘。这些GPU和计算节点通过网络连接形成"AI算力网络”,而数据在节点间的流动就是"通信流量"。如果把算力比作AI的"肌肉",那流量就是"血液"——血液不通畅,肌肉再强也使不上劲。

AI天才研究院 1198

jQuery第六章 Ajax函数

JavaScript自我学习路线一、Ajax函数简介二、$.ajax()JSON格式的内容1. async:2. contentType:3. data:4. dataType:5. error()6. success()7. type8. url三、$.get()四、$.post() 一、Ajax函数简介 Ajax即Asynchronous JavaScript and XML,是一种创建快速动态网页的技术, 通过在后台与服务器交换少量数据的方式,允许网页进行异步更新,这意味着有可能在不重载整个页面的情

Lv Zejiang 419

FPGA中参数化SPI接口设计与Verilog实现

SPI(串行外设接口)作为嵌入式系统的核心通信协议,通过全双工、高速率特性在FPGA与Flash、ADC等外设交互中占据重要地位。参数化设计通过抽象时钟极性、数据位宽等可配置维度,采用分层架构实现硬件复用,显著提升开发效率。Verilog实现需重点处理跨时钟域同步和可配置帧结构,结合AXI总线集成与UVM验证方法学,可构建适应工业控制、物联网网关等场景的高可靠SPI解决方案。

ciya3282的博客 1408

【26美赛D题】2026美赛数学建模(MCM/ICM)思路解析及代码分享

2026美赛D题数学建模竞赛思路解析摘要:本文针对美赛D题提供系统性解决方案,提出四层建模框架(数据层、机理层、模型层、决策层),强调逻辑闭环比模型复杂度更重要。包含通用建模步骤:指标体系构建、状态评估、动态预测和策略优化,并给出Python基础代码框架。论文建议采用七段式结构,突出从现实问题到决策方案的完整闭环。核心在于通过数据驱动方法揭示问题规律,结合多源数据整合、系统行为建模和风险评估,最终形成可落地的决策建议,体现数学建模解决实际问题的能力。

一键难忘的博客 1083

jquery的优势是什么?

jQuery 是一个简洁而快速的 JavaScript 库,可用于简化事件处理,HTML 文档遍历,Ajax 交互和动画,以便快速开发网站。jQuery 简化了 HTML 的客户端脚本,从而简化了 Web 2.0 应用程序的开发。 jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的Ja...

BOM485480的博客 5072

win10 跳过U8环境检测的IE WebControls.rar

win10 安装u8的时候 提示IE WebControls 不通过,这个工具可以欺骗u8的检查。 跳过U8环境检测的IE WebControls。提示导入失败后,重新检测通过。

jQuery 参考指南(一)

我们现在已经看到了一个完整的、功能的 jQuery 脚本。尽管这个示例很小,但它为页面带来了相当多的交互性和可用性。这个脚本展示了 jQuery 提供的主要工具类型。我们观察了脚本如何在 DOM 中查找项目并根据需要更改它们。我们见证了对用户操作的响应以及为用户在操作后提供反馈的动画。我们甚至看到了如何在不刷新页面的情况下从服务器获取信息,以及如何教会 jQuery 通过插件学习全新的技巧。我们将逐章逐节地讲解 jQuery 库中的每个函数、方法和选择器表达式。

龙哥盟 785

RU DOS版、EFI版32bit/64bit BIOS常用工具

DOS版、EFI版的RU工具,可用来查看IO、MEM、PCI、SMBIOS等资源。亲测在EFI SHELL下可用。

Statistics and Machine Learning Toolbox

Statistics and Machine Learning Toolbox(带书签),MATLAB统计学习工具

jQuery 基础知识(一)

网站加载速度越快,就越能鼓励游客以后返回。加快页面加载速度的另一种方法就是使用内容传送网络,或CDN。CDN 的魔力有两个方面。首先,CDN 通常位于边缘服务器上,这意味着它们不是在单个物理位置托管,而是分布在互联网的多个位置。这意味着它们可以更快地被找到和下载。其次,浏览器通常会在用户的机器上缓存静态文件,加载本地文件比从互联网下载快得多。许多大大小小的公司都使用 CDNs。因此,有可能其中一家公司正在使用你网站所需的相同副本的 jQuery,并已经在用户的机器上本地缓存。

龙哥盟 1347

pscad IEEE标准系统搭建说明

pscad IEEE标准系统搭建说明,包含典型的IEEE 9节点、14节点、30节点、39节点和118节点系统。内含标准测试系统的原始数据和潮流结果。

上一篇: 使用jQuery快速高效制作网页交互特效 第五章初始jQuery
下一篇: 使用jQuery快速高效制作网页交互特效 第七章 jQuery中的事件一动画
cb19980902
博客等级 码龄9年 22粉丝 14原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值