Html5学习笔记 2 selectors api

最新推荐文章于 2020-09-06 23:21:26 发布
最新推荐文章于 2020-09-06 23:21:26 发布
阅读量515 收藏
点赞数
分类专栏： html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sure_viola/article/details/12057581
版权

selectors api  更精确的指定获取的元素，而不用标准的dom方式循环遍历


querySelector()   根据指定的选择规则，返回在页面中找到的第一个匹配元素  

querySelector("input.error");  返回第一个CSS类名为“error”的文本输入框

querySelectorAll()   根据指定规则返回页面中所有相匹配的元素

querySelectorAll("#results td")  返回id值为results的元素下所有的单元格



sure_viola
关注
专栏目录
Html(5)+css(3)个人学习笔记（复习些模糊点）
weixin_40509127的博客
06-11 446
HTML 1.从规范的角度理解HTML，从分类和语义的角度使用标签 2.常用页面标签的默认样式、自带属性、不同浏览器的差异、处理浏览器兼容问题的方式 3.元信息类标签(head、title、meta)的使用目的和配置方法 4.HTML5离线缓存原理 5.可以使用Canvas API、SVG等绘制高性能的动画 CSS 1.CSS盒模型，在不同浏览器的差异 2.CSS所有选择器及其优先级、使用场景，哪...
前端学习笔记-没事多看看
weixin_45926582的博客
06-09 624
实例 把华氏度转换为摄氏度： function toCelsius(fahrenheit) { return (5/9) * (fahrenheit-32); } document.getElementById("demo").innerHTML = toCelsius(77); 一、Html W3C教程https://www.w3school.com.cn/html/html_jianjie.asp HTML 属性参考手册https://www.w3school.com.cn/tags/i
Html5 Selectors API
weixin_30607029的博客
05-26 104
Html5 Selectors API 新QuerySelector方法 querySelector()：根据指定的选择规则，返回在页面中找到的第一匹配元素 querySelectorAll()：根据指定规则返回页面中所有相匹配的元素 实例： 1 <html xmlns="http://www.w3.org/1999/x...
HTML5 Selectors API 操作
XBoy
07-24 1894
(1)  Html5之前用来查找元素的js方法getElementById():  根据ID值查找并返回元素getElementsByName():  根据name值返回所有的元素getElementsByTagName():  根据标签名称与指定值相匹配的元素(2)  Html
H5使用Selectors API简化选取操作
孤云博客
02-02 540
随时随地阅读更多技术实战干货，获取项目源码、学习资料，请关注源代码社区公众号(ydmsq666)、博主微信（guyun297890152）、QQ技术交流群(183198395)。 一、介绍 先看看以前查找元素的js方法 尽管DOM作为API已经非常完善了，但是为了实现更多的功能，DOM仍然进行了扩展，其中一个重要的扩展就是对选择器API的扩展。有了新的Selectors API后，...
DOM 扩展 ：理解Selectors API、使用HTML5 DOM扩展、了解专有的DOM扩展
ypfhzl的博客
04-10 509
尽管DOM作为API已经非常完善了，但是为了实现更多的功能，仍然会有一些标准的或者是专有的扩展。 对DOM的两个主要的扩展是Selectors API（选择符API）和HTML5。除了前述两个主要的扩展外，还有Element Traversal（元素遍历）规范以及DOM的专有扩展。
jquery学习笔记
03-17
**jQuery学习笔记** jQuery是一个广泛使用的JavaScript库，它极大地简化了HTML文档遍历、事件处理、动画设计和Ajax交互。由于其简洁的API和强大的功能，jQuery成为了前端开发中的首选工具之一。 ### 1. jQuery核心...
JQUERY学习笔记.doc
03-03
总的来说，jQuery以其简洁的API和丰富的功能，大大提升了JavaScript开发的效率。通过选择器，我们可以轻松选取DOM元素；通过事件处理，可以方便地管理用户交互；而Ajax功能则使得异步数据交互变得轻而易举。这些都...
html5扑克牌翻牌记忆小游戏.rar
10-01
1. HTML5：HTML5是超文本标记语言的最新版本，它引入了许多新的元素和API，以增强网页的交互性和多媒体支持。在这款游戏中，HTML5的`<canvas>`元素可能被用来绘制和操作扑克牌，而`<audio>`元素可能用于播放声音效果...
JS Selectors API
vuturn的专栏
03-25 1261
Selectors API是由w3c发起的一个标准，致力于让浏览器原生支持CSS查询。Selectors API的两个核心方法：querySelector()和querySelectorAll()。 1.querySelector()方法 该方法接收一个CSS选择符，返回与该模式匹配的第一个元素，如果没有找到匹配的元素，返回null。    //取得body元素  var body=
DOM 扩展 Selectors API
zhiheng`s blog
07-06 407
Selector API 是由 W3C 发起制定的一个标准，致力于让浏览器原生支持 css 查询，jquery 库就的核心就是通过 CSS 选择器查询 DOM 文档取得元素的引用，从而抛开了 getElementById() 和 getElementsByTagName() ,然而原生的 Selector API 解析和树查询操作可以在浏览器编译后的代码来完成，极大的改善了性能。querySele
搞清w3 selectors-api的工作方式
achun
11-15 143
w3 2006 年就推出了w3 selectors-api 标准,目前支持的浏览器还不多. 今天在chrome和Firefox 3.1下做了一个测试,结果让我很迷惑   &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;title&gt;Selectors API Example&lt;/titl...
6-2、选择器
鸵鸟
09-06 942
选择器
html5 学习笔记 API canvas1 绘制对角线
sure_viola的专栏
09-28 1193
1 canvas （graphics） 绘制二维矢量图的画布 2 检测浏览器是否支持 canvas try{ document.createElement("canvas").getContext("2d"); alert("ok"); //document.getElementById("support").innerHTML = "Html5 canvas is sup
html5学习笔记 1 文档模板
sure_viola的专栏
09-24 670
Html5  是以往html的升级版 模版结构  主要有一下几块组成 1  声明文档类型 2 文档页面   2.1 html元素 【lang属性非必要  可省略】 2.2 head元素 head第一行一般定义文档的字符编码 附meta解惑 1.告诉搜索引擎你的站点的制作的作者； 2.告诉搜索引擎你的站点的主要内容，也算是对keywords的补充说明；
基于STM32+MPU6050+TB6612FNG的双轮平衡车运动控制系统含程序+原理图.zip
10-07
个人大四的毕业设计、或者课程设计，经导师指导并认且高分通过的设计项目。主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者，也可作为课程设计、期末大作业。 【资源说明】 适用人群：该项目属于高分优质项目，上传之前都本地运行验证过。适合小白、高校学生、教师、科研人员、公司员工下载学习借鉴使用。 用途：学习借鉴，也可在此基础上二次开发，当然也可以直接用于课设、作业、毕设、实际项目等。 技术支持：关于项目的技术细节或更详细的介绍，可以私信与我沟通，或看项目内的项目说明(若有)、代码等，很乐意交流学习。 【特别强调】 若自己基础实在太差，自己不懂运行，可以与我私聊，可远程教学指导。当然也可以做项目二次开发和定制。
【电力系统】基于Benders分解算法解决混合整数规划问题机组组合问题附Matlab代码.rar
最新发布
10-07
1.版本：matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值