首页
会员中心
到顶部
到尾部
CSS教程

JavaScript / jQuery DOM 选择器

时间:2020/11/2 14:07:05  作者:  来源:  查看:0  评论:0
内容摘要:JavaScript / jQuery DOM 选择器JSON JSONPjQuery HTMLjQuery vs JavaScriptjQuery 由 John Resig 于 2006 年创建。它旨在处理浏览器不兼容性并简化 HTML DOM 操作、事件处理、动画和 Ajax...

JavaScript / jQuery DOM 选择器

jQuery vs JavaScript

jQuery 由 John Resig 于 2006 年创建。它旨在处理浏览器不兼容性并简化 HTML DOM 操作、事件处理、动画和 Ajax。

十多年来,jQuery 一直是世界上最受欢迎的 JavaScript 库。

但是,在 JavaScript Version 5(2009)之后,大多数 jQuery 实用程序都可以通过几行标准 JavaScript 来解决:

通过 id 来查找 HTML 元素

返回 id="intro" 的元素:

jQuery

var myElement = $("#id01");

亲自试一试

JavaScript

var myElement = document.getElementById("id01");

亲自试一试

通过标签名来查找 HTML 元素

返回所有 <p> 元素:

jQuery

var myElements = $("p");

亲自试一试

实例

var myElements = document.getElementsByTagName("p");

亲自试一试

通过类名来查找 HTML 元素

返回 class="intro" 的所有元素。

jQuery

var myElements = $(".intro");

亲自试一试

JavaScript

var myElements = document.getElementsByClassName("intro");

亲自试一试

按类名查找元素在 Internet Explorer 8 和早期版本中不起作用。

通过 CSS 选择器查找 HTML 元素

返回包含 class="intro" 的所有 <p> 元素的列表。

jQuery

var myElements = $("p.intro");

亲自试一试

JavaScript

var myElements = document.querySelectorAll("p.intro");

亲自试一试

querySelectorAll() 方法在 Internet Explorer 8 和早期版本中不起作用。



上一篇:JSON HTML
下一篇:JavaScript 实例
相关评论
广告联系QQ:45157718 点击这里给我发消息 电话:13516821613 杭州余杭东港路118号雷恩国际科技创新园  网站技术支持:黄菊华互联网工作室 浙ICP备06056032号