要替換 div 標籤的 innerHTML，請使用 html() 方法。點表示法呼叫 html() 方法，以將 inner 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 類：即時演示           jQuery 選擇器                          $(document).ready(function() {            $("#button1").click(function(){              $("p").removeClass();            });          });                              .red { color:red; }          .blue { color:blue; }                         這是第一段。       這是第二段。       刪除    

hasClass() 方法用於在 jQuery 中檢查元素是否具有類。jQuery 是一個 JavaScript 庫，旨在簡化 JavaScript 的開發。它縮短了開發時間示例您可以嘗試執行以下程式碼以在 jQuery 中檢查元素是否具有類 −即時演示                          $(document).ready(function(){             $("button").click(function(){                alert($("h1").hasClass("myclass"));             });          });                      .myclass {          color: blue;          }                     標題       這是演示文字。       檢查：h1 元素是否具有“myclass”類？    

這兩種方法都用於 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() 方法：即時演示           jQuery 函式                     $(document).ready(function() {           $("div").click(function() {             alert("Hello, world!");           });         });                                  點選此以檢視對話方塊。          

在網頁中初始化 jQuery 非常簡單。您可以嘗試執行以下程式碼來學習如何在網頁中初始化 jQuery。我們使用 Google CDN 來新增 jQuery。Microsoft CDN 也可用於將 jQuery 庫新增到 HTML 的相同目的。示例即時演示           jQuery 函式                      $(document).ready(function() {             $("div").click(function() {alert("Welcome to Tutorialspoint!");});          });                                  點選此以檢視對話方塊。          

要使用 jQuery 新增和刪除 HTML 屬性，可以使用 addClass() 和 removeClass() 方法。您可以嘗試執行以下程式碼，使用 jQuery 新增和刪除 HTML 屬性 -示例線上演示           jQuery 示例                      $(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;          }              演示    新增    刪除