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;

运行实例 »

点击 "运行实例" 按钮查看在线实例