找到 10435 篇文章,关于 Web 开发

何时使用 $(document).ready() 和何时使用 $(window).load() 在 jQuery 中?

Alex Onsman
更新于 2019-07-30 22:30:20

775 次浏览

$(window).load()当您希望其中的代码仅在整个页面准备就绪(不仅是 DOM)时才运行,请使用 $(window).load()。它在页面完全加载后执行,包括框架、对象和图像注意:load() 方法在 jQuery 1.8 版中已弃用。它在 3.0 版中被完全移除。要查看其工作原理,请在 3.0 之前添加 CDN 的 jQuery 版本。$(document).ready()当您希望其中的代码在页面 DOM 准备好执行 JavaScript 代码时才运行一次,请使用 $(document).ready() 方法。

如何在 jQuery 中迭代数组和对象?

David Meador
更新于 2020-06-15 13:17:04

1K+ 次浏览

要在 jQuery 中迭代数组和对象,请使用 jQuery forEach() 循环。您可以尝试运行以下代码来了解如何迭代数组和对象 -示例在线演示 $(document).ready(function(){   $("#button1").click(function(){     var arr = [{subject: "Maths", id:3}, {subject: "History", id:7}];     arr.forEach(function(el, index) {       alert(el.id+" "+el.subject);     });   }); });   结果

如何在 jQuery 中使用 $.trim() 修剪字符串?

Ricky Barnes
更新于 2020-06-15 13:44:33

3K+ 次浏览

要在 jQuery 中修剪字符串,请使用 trim() 方法。它会移除字符串开头和结尾的空格。我使用的示例字符串包含空格 -var myStr = "  Hello World    ";使用 trim() 方法,jQuery.trim(myStr);以下是 jQuery 中修剪字符串的示例 -示例在线演示 $(document).ready(function(){   $("#button1").click(function(){     var myStr = "  Hello World    ";     myStr = jQuery.trim(myStr);     alert(myStr);   }); }); 修剪

如何在 jQuery 中检查元素上是否存在 onClick?

ARPIT ANAND
更新于 2020-02-14 08:01:05

627 次浏览

这些代码可能对您有所帮助 -$('body').click(function(){ alert('test' )}) var foo = $.data( $('body').get(0), 'events' ).click // 您可以查询 $.data( object, 'events' ) 并获取一个对象作为返回值,然后查看哪些事件附加到它。  $.each( foo, function(i,o) {     alert(i) // 事件的 guid     alert(o) // 事件处理程序的函数定义 });

如何从 JavaScript 对象中删除属性?

V Jyothi
更新于 2020-06-16 06:21:09

134 次浏览

要从 JavaScript 对象中删除属性,请使用 delete 关键字。您可以尝试运行以下代码来了解如何删除属性示例在线演示                            var cricketer = {             name:"Amit",             rank:1,             points: 150          };          delete cricketer.rank;          document.getElementById("demo").innerHTML =             cricketer.name + " has " + cricketer.rank + " rank.";          

如何在 jQuery 中检查元素上是否存在事件?

Kristi Castro
更新于 2020-06-19 12:47:44

4K+ 次浏览

要在 jQuery 中检查元素上是否存在事件,请检查元素上现有的事件。这里,我设置了 div -   这是演示文本。点击这里!当您点击 div 时,会生成警报,我使用 div id 设置了警报:$("#demo").click(function() {   alert("事件是否存在? - "+hasEvents); });您可以尝试运行以下代码来检查事件是否存在 -示例在线演示               $(document).ready(function(){       $("#demo").click(function() {         alert("事件是否存在? - "+hasEvents);      });      var events = $._data(document.getElementById('demo'), "events");      var hasEvents = (events != null);    });         这是演示文本。点击这里!

如何在 jQuery 中启用和禁用提交按钮?

Kristi Castro
更新于 2020-06-20 07:15:21

996 次浏览

要启用和禁用提交按钮,请使用 jQuery prop() 方法。您可以尝试运行以下代码来使用 jQuery 启用和禁用提交按钮 -示例在线演示               $(document).ready(function() {       $('#register').click(function() {         $(this).prop('disabled',true);         $("#content").show();         setTimeout(function(){           $('#register').prop('disabled', false);         },3000);      });    });               单击上述按钮后,它将禁用 3 秒。                  

如何在 HTML 表单中使用多个提交按钮?

Bhanu Priya
更新于 2023-10-04 15:20:10

11K+ 次浏览

通常,HTML 中的表单使用单个提交按钮,当按下按钮时保存记录。在某些情况下,我们需要一个带有其他提交按钮的表单,例如“接受”或“拒绝”。这些类型的按钮通常在更新记录时尝试状态转换。具有多个按钮的表单必须处理您的服务器端代码,需要知道按下了哪个按钮。通常,提交后,目标数据存储在 action 属性中,每个按钮都指向相同的位置。为了克服这个问题,我们使用 formaction 属性。对于每个提交按钮,我们需要一个不同的 ... 阅读更多

我能否使用 jQuery 提交带有多个提交按钮的表单?

Kristi Castro
更新于 2020-06-20 07:14:15

2K+ 次浏览

是的,您可以提交带有多个提交按钮的表单。将自定义点击处理程序附加到所有按钮,然后检查点击了哪个按钮。示例在线演示               $(document).ready(function(){       $("#myform button").click(function (ev) {       ev.preventDefault()       if ($(this).attr("value") == "button1") {                     alert("第一个按钮被按下 - 表单将提交")         $("#myform").submit();       }       if ($(this).attr("value") == "button2") {         alert("第二个按钮被按下 - 表单未提交")       }     }); });     第一个按钮   第二个按钮

如何使用 jQuery 动态创建 div?

Kristi Castro
更新于 2020-06-20 07:13:16

1K+ 次浏览

要动态创建 div,请使用 html() 方法。您可以尝试运行以下代码来了解如何在按钮点击时动态创建 div -示例在线演示               $(document).ready(function(){       $("button").click(function(){         $("body").html("这是一个新的 div。");       });     });   创建一个新的 div 这是演示文本。

广告