JavaScript / jQuery HTML 元素
jQuery vs JavaScript
jQuery 由 John Resig 于 2006 年创建。它旨在处理浏览器不兼容性并简化 HTML DOM 操作、事件处理、动画和 Ajax。
十多年来,jQuery 一直是世界上最受欢迎的 JavaScript 库。
但是,在 JavaScript Version 5(2009)之后,大多数 jQuery 实用程序都可以通过几行标准 JavaScript 来解决:
设置文本内容
设置 HTML 元素的内部文本:
jQuery
- myElement.text("Hello China!");
JavaScript
- myElement.textContent = "Hello China!";
获取文本内容
获取 HTML 元素的内部文本:
jQuery
- var myText = myElement.text();
JavaScript
- var myText = myElement.textContent || myElement.innerText;
设置 HTML 内容
设置元素的 HTML 内容:
jQuery
- var myElement.html("<p>Hello World</p>");
JavaScript
- var myElement.innerHTML = "<p>Hello World</p>";
获取 HTML 内容
获取元素的 HTML 内容:
jQuery
- var content = myElement.html();
JavaScript
- var content = myElement.innerHTML;