要使用 jQuery 在鼠标点击时显示和隐藏 div，请使用 toggle() 方法。单击鼠标时，div 可见；再次单击时，div 隐藏。示例在线演示 $(document).ready(function(){ $('#show').click(function() { $('.menu').toggle("slide"); }); }); 点击显示/隐藏 div 印度 美国 英国 澳大利亚

要使用 jQuery 隐藏和显示 HTML 元素，请使用 hide 和 show() 方法。此处，元素在按钮点击时隐藏和显示，示例在线演示 $(document).ready(function(){ $("#visible").click(function(){ $("p").show(); }); $("#hidden").click(function(){ $("p").hide(); }); }); 点击“显示元素”按钮将显示此文本，点击“隐藏元素”按钮将隐藏此文本。隐藏元素显示元素

jQuery error() 方法error() 方法在元素遇到错误时触发事件。此方法在 jQuery 1.8 中已弃用。示例您可以尝试运行以下代码来学习如何在 jQuery 中使用 error() 方法：在线演示 $(document).ready(function(){ $("img").error(function(){ $("img").replaceWith("Image isn't loading"); }); $("button").click(function(){ $("img").error(); }); }); 错误事件 jQuery ajaxError() 方法ajaxError( callback ) 方法附加一个函数，该函数在 AJAX 请求失败时执行。这是一个… 阅读更多

要使用多个 js 文件，请使用相同的 getScript()，该方法用于添加单个 js 文件。我们有一个 result.js 文件，其中包含以下代码片段：function CheckJS(){ alert("This is JavaScript - File1"); }我们还有一个 result2.js 文件，其中包含以下代码片段：function CheckJS(){ alert("This is JavaScript – File2"); }示例以下是添加多个 js 文件的代码片段。在这里，我们将调用上面 2 个 js 文件中的函数： $(document).ready(function() { ... 阅读更多

要检测 jQuery 中的 eventType，请使用 event type 属性。您可以尝试运行以下代码来学习如何在 jQuery 中检测 eventType：示例在线演示 $(document).ready(function(){ $("p").on("mouseover mouseout",function(event){ $("div").html("Event Type: " + event.type); }); }); 此处定义了 mouseover 和 mouseout 事件。将光标放在下面查看事件类型。

使用 jQuery empty() 方法从父节点中删除所有子节点。示例您可以尝试运行以下代码，使用 jQuery 从父节点中删除所有子节点：在线演示 $(document).ready(function(){ $("#button1").click(function(){ $("ul").empty(); }); }); li (子节点) li (子节点) li (子节点) li (子节点) 移除 点击“移除”以移除所有子节点。

要使用 jQuery 在元素之后附加元素，请使用 insertAfter() 方法。示例您可以尝试运行以下代码来学习如何在 jQuery 中在元素之后附加元素：在线演示 jQuery 示例 $(document).ready(function() { $("div").click(function () { $("#source").insertAfter(this); }); }); .div { margin:10px; padding:12px; border:2px solid #666; width:60px; } 点击下面的任意方块查看结果：

要将元素附加到元素之前，请使用 insertBefore() 方法。insertBefore( selector) 方法将所有匹配的元素插入到另一个指定的元素集之前。示例在线演示 jQuery 示例 $(document).ready(function() { $("div").click(function () { $("#source").insertBefore(this); }); }); .div { margin:10px; padding:12px; border:2px solid #666; width:60px; } 点击下面的任意方块查看结果：

要设置元素的 HTML 内容，请使用 html() 方法。您可以尝试运行以下代码，使用 jQuery 获取元素的 HTML 内容：示例在线演示 $(document).ready(function(){ $("#button1").click(function(){ $("#demo").html("This text is highlighted."); }); }); 这是一段文字。点击设置 HTML

要使用 jQuery 将多个 div 包裹在一个 div 中，请使用 wrapAll() 方法。您可以尝试运行以下代码，使用 jQuery 将多个 div 包裹在一个 div 中：示例在线演示 $(document).ready(function() { $("#button1").click(function(){ $('.b,.c').wrapAll(''); }); }); .wrap { color:blue; } 这是 div 1 这是 div 2 这是 div 3 包裹