775 次浏览
$(window).load() 当您希望其中的代码仅在整个页面准备好(不仅仅是 DOM)后运行时,使用 $(window).load()。它在页面完全加载后执行,包括框架、对象和图像。注意:load() 方法在 jQuery 1.8 版本中已弃用。在 3.0 版本中已完全移除。要查看其工作原理,请在 3.0 之前的 CDN 中添加 jQuery 版本。$(document).ready() 当您希望其中的代码在页面 DOM 准备好执行 JavaScript 代码后运行时,使用 $(document).ready() 方法。
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); }); }); }); 结果
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); }); }); 修剪
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) // 事件处理程序的函数定义 });
134 次浏览
要从 JavaScript 对象中删除属性,请使用 delete 关键字。您可以尝试运行以下代码来学习如何删除属性示例在线演示 var cricketer = { name:"Amit", rank:1, points: 150 }; delete cricketer.rank; document.getElementById("demo").innerHTML = cricketer.name + " has " + cricketer.rank + " rank.";
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); }); 这是一个演示文本。点击这里!
996 次浏览
要启用和禁用提交按钮,请使用 jQuery prop() 方法。您可以尝试运行以下代码来使用 jQuery 启用和禁用提交按钮 −示例在线演示 $(document).ready(function() { $('#register').click(function() { $(this).prop('disabled',true); $("#content").show(); setTimeout(function(){ $('#register').prop('disabled', false); },3000); }); }); 点击上述按钮后,它会禁用 3 秒。
11K+ 次浏览
通常,HTML 中的表单使用单个提交按钮,在按下按钮时保存记录。在某些情况下,我们需要一个带有附加提交按钮的表单,例如“接受”或“拒绝”。这些类型的按钮通常尝试在更新记录时进行状态转换。具有多个按钮的表单必须处理您的服务器端代码,以了解按下了哪个按钮。通常,提交后,目标数据存储在 action 属性中,每个按钮都指向相同的位置。为了克服这个问题,我们使用 formaction 属性。对于每个提交按钮,我们需要不同的……阅读更多
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("第二个按钮被按下 - 表单未提交") } }); }); 第一个按钮 第二个按钮
要动态创建 div,请使用 html() 方法。您可以尝试运行以下代码来学习如何在点击按钮时动态创建 div −示例在线演示 $(document).ready(function(){ $("button").click(function(){ $("body").html("这是一个新的 div。"); }); }); 创建一个新的 div 这是一个演示文本。