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;

親自試一試