要替换 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;          }              演示    添加    删除