要替换 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