赛捷软件论坛's Archiver

vicky.yu 发表于 2023-2-13 09:43

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 JSONP
jQuery HTML

JavaScript 和 HTML DOM 参考手册
JavaScript 实例
JavaScript 测验
JavaScript 高级教程

W3School 简体中文版提供的内容仅用于培训和测试,不保证内容的

页: [1]

Powered by Discuz! Archiver 7.2  © 2001-2009 Comsenz Inc.