要替換 div 標籤的 innerHTML，請使用 html() 方法。點表示法呼叫 html() 方法，用引數替換內部 html，例如這裡的演示。這裡的 html() 修改了 .innerhtml。示例您可以嘗試執行以下程式碼來使用 jQuery 替換 div 標籤的 innerHTML：線上演示 $( document ).ready(function() { $('.myclass').html('Demo'); }); Hello World

html() 方法設定或返回所選元素的內容。jQuery 有幾種操作屬性的方法，包括 html() 方法。這些是與 DOM 相關的方法。屬性包括：text() – 此方法設定或返回所選元素的文字內容。html() – 此方法設定或返回所選元素的內容。val() – 此方法設定或返回表單欄位的值。示例您可以嘗試執行以下程式碼來學習如何使用 html() 方法：線上演示 $(document).ready(function(){ $("#button1").click(function(){ alert("Using text- " + $("#demo").text()); ... 閱讀更多

要在 jQuery 中在兩個類之間切換，請使用 addClass() 和 removeClass() 方法。您可以嘗試執行以下程式碼在 jQuery 中在兩個類之間切換：示例線上演示 $(document).ready(function(){ $("a").click(function(){ $("a.active").removeClass("active"); $(this).addClass("active"); });}); .active { font-size: 22px; } One Two 點選上面的任何連結，您都可以看到更改。

要刪除所有類，請使用不帶引數的 removeClass() 方法。這將刪除該專案的所有類。示例您可以嘗試執行以下程式碼來使用 jQuery 刪除所有 CSS 類：線上演示 $(document).ready(function() { $("#button1").click(function(){ $("p").removeClass(); });}); .red { color:red; } .blue { color:blue; } This is first paragraph. This is second paragraph. Remove

hasClass() 方法用於檢查元素在 jQuery 中是否具有類。jQuery 是一個 JavaScript 庫，用於簡化 JavaScript 開發。它縮短了開發時間示例您可以嘗試執行以下程式碼來檢查元素在 jQuery 中是否具有類：線上演示 $(document).ready(function(){ $("button").click(function(){ alert($("h1").hasClass("myclass")); });}); .myclass { color: blue; } Heading This is demo text. Check: The h1 element has 'myclass' class?

這兩種方法都用於 jQuery。讓我們看看它們的作用。$(window).load()包含在 $( window ).on( "load", function() { ... }) 中的程式碼僅在整個頁面準備好後（不僅僅是 DOM）才執行。注意：load() 方法在 jQuery 1.8 版本中已棄用。它在 3.0 版本中被完全刪除。要檢視其工作方式，請在 3.0 之前的版本中新增 jQuery 版本的 CDN。$(document).ready()ready() 方法用於在文件載入後提供函式。您在 $( document ).ready() 方法中編寫的任何程式碼都將在頁面 DOM 準備好執行 JavaScript 程式碼後執行。您可以 ... 閱讀更多

包含在 $( window ).on( "load", function() { ... }) 中的程式碼僅在整個頁面準備好後（不僅僅是 DOM）才執行。注意：load() 方法在 jQuery 1.8 版本中已棄用。它在 3.0 版本中被完全刪除。要檢視其工作方式，請在 3.0 之前的版本中新增 jQuery 版本的 CDN。示例您可以嘗試執行以下程式碼來學習如何在 jQuery 中使用 $(window).load() 方法：線上演示 $(document).ready(function(){ $("img").load(function(){ alert("Image successfully loaded."); }); }); 注意：load() 方法在 jQuery 1.8 版本中已棄用。它在 3.0 版本中被完全刪除。要檢視其工作方式，請在 3.0 之前的版本中新增 jQuery 版本的 CDN。

ready() 方法用於在文件載入後提供函式。您在 $(document ).ready() 方法中編寫的任何程式碼都將在頁面 DOM 準備好執行 JavaScript 程式碼後執行。示例您可以嘗試執行以下程式碼來學習如何在 jQuery 中使用 $(document).ready() 方法：線上演示 $(document).ready(function() { $("div").click(function() { alert("Hello, world!"); }); }); Click on this to see a dialogue box.

在網頁中初始化 jQuery 非常容易。您可以嘗試執行以下程式碼來學習如何在網頁中初始化 jQuery。我們使用 Google CDN 新增 jQuery。Microsoft CDN 也可用於將 jQuery 庫新增到 HTML 的相同目的。示例線上演示 $(document).ready(function() { $("div").click(function() {alert("Welcome to Tutorialspoint!");}); }); Click on this to see a dialogue box.

要使用 jQuery 新增和刪除 HTML 屬性，請使用 addClass() 和 removeClass() 方法。您可以嘗試執行以下程式碼來使用 jQuery 新增和刪除 HTML 屬性：示例線上演示 $(document).ready(function(){ $( '#add' ).click( function () { $('#page_navigation1').addClass( 'blue-class' ); }); $( '#remove' ).click( function () { $('#page_navigation1').removeClass( 'blue-class' ); }); }); .blue-class { background-color: blue; font-size: 30px; } Demo Add Remove