找到 8590 篇文章,关于前端技术

jQuery.size() 和 jQuery.length 之间的区别是什么?

David Meador
更新于 2019年12月12日 08:29:42

374 次浏览

jQuery.size() 方法此方法返回对象中的元素数量。size() 方法在 jQuery 1.8 中已弃用,并在 jQuery 3.0 中完全移除。作为替代,使用 length 属性。示例您可以尝试运行以下代码来学习如何使用 size() 方法。注意:要运行 jQuery size() 方法,请使用低于 1.8 的 jQuery 版本,因为它在 jQuery 1.8 中已弃用。通常,现在更倾向于使用 length 属性。在线演示 $(document).ready(function(){     $(".btn").click(function(){         alert($("li").size());     }); }); 有多少个 li 元素? ... 阅读更多

jQuery 和 JavaScript 之间的区别是什么?

Kiran Kumar Panigrahi
更新于 2022年7月28日 16:07:56

2K+ 次浏览

JavaScript 和 jQuery 都服务于同样的最终目标:使网页更具交互性和动态性。它们赋予网站活力。如果它们服务于相同的功能并以相同的方式使用,人们可能会问为什么需要两种不同的概念。通读本文以了解 jQuery 与 JavaScript 的区别。什么是 JavaScript?JavaScript 是一种轻量级的编程语言,最常作为网页组件使用。它的网页实现允许客户端脚本与用户交互并创建动态网站。它是一种编程语言…… 阅读更多

如何使用 jQuery 在 HTML 元素中添加 display:none?

David Meador
更新于 2020年2月17日 10:05:49

4K+ 次浏览

为了解决在 jQuery 中元素的 display: none 问题,可以使用 hide() 方法。它将完成相同的工作。示例您可以尝试运行以下代码来学习如何在 HTML 元素中添加 display:none −在线演示 $(document).ready(function(){   $("button").click(function(){     $("p").removeAttr("style").hide();   }); }); 标题 1 这是一个演示文本。点击按钮后将隐藏。这是另一个文本。点击按钮后将隐藏 隐藏

如何使用 jQuery 切换 div 的可见性?

David Meador
更新于 2020年2月17日 10:04:26

8K+ 次浏览

要在 jQuery 中切换 div 的可见性,请使用 toggle() 方法。它检查 div 元素的可见性,即如果 div 隐藏则使用 show() 方法。如果 div 元素可见则使用 hide()。这最终会产生切换效果。toggle( speed, [callback]) 方法使用平滑动画切换匹配元素集的显示,并在完成之后触发可选的回调函数。以下是此方法使用的一些参数的描述:speed − 表示三种预定义速度之一的字符串(“slow”、“normal”或“fast”)或运行动画的毫秒数(例如 1000)。callback − ... 阅读更多

jQuery 动画效果有哪些选项?

David Meador
更新于 2019年12月12日 07:53:30

121 次浏览

jQuery 动画效果可以通过 animate、slideDown()、slideToggle() 等方法实现。这使用 jQuery 在 HTML 网页中创建了动画效果。下表列出了一些创建不同类型效果的重要方法:序号方法和说明1.animate( params, [duration, easing, callback] )用于制作自定义动画的函数。2.fadeIn( speed, [callback] )通过调整不透明度淡入所有匹配的元素,并在完成之后触发可选的回调函数。3.fadeOut( speed, [callback] )通过将不透明度调整为 0,然后将 display 设置为“none”,淡出所有匹配的元素,并在完成之后触发可选的回调函数。4.fadeTo( speed, opacity, ... 阅读更多

如何使用 jQuery 在鼠标单击时显示和隐藏 div?

David Meador
更新于 2020年6月15日 11:02:16

19K+ 次浏览

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

如何使用 jQuery 显示和隐藏 HTML 元素?

David Meador
更新于 2020年6月15日 10:57:41

1K+ 次浏览

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

jQuery 中 error() 和 ajaxError() 事件有什么区别?

David Meador
更新于 2020年2月17日 09:56:32

213 次浏览

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

如何使用 jQuery $.getScript() 方法包含多个 js 文件?

David Meador
更新于 2020年2月17日 09:54:08

583 次浏览

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

如何在 jQuery 中检测 eventType?

David Meador
更新于 2020年2月17日 09:48:11

142 次浏览

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

广告