找到关于 JQuery 的732 篇文章

如何在 jQuery 中处理复选框“选中状态”更改事件?

Alex Onsman
更新于 2020年2月14日 12:48:52

2K+ 次浏览

要处理复选框的选中状态,请使用 `change` 事件。它将检查复选框是否被选中。示例您可以尝试运行以下代码,学习如何在 jQuery 中处理复选框选中状态更改事件:在线演示 jQuery 复选框状态 b { color: red; } 选中/取消选中此复选框 $( "input" ).change(function() { var $input = $( this ); $( "p" ).html( ".attr( \"checked\" ): " + $input.attr( "checked" ) + "" + ".prop( \"checked\" ): " + $input.prop( "checked" ) + "" + ".is( \":checked\" ): " + $input.is( ":checked" ) + "" ); }).change();

我可以将 JavaScript 事件包装在 jQuery 事件中吗?

Alex Onsman
更新于 2020年2月14日 12:47:50

229 次浏览

是的,您可以将 JavaScript 事件包装在 jQuery 事件中。对于包装,请使用事件对象。您可以尝试运行以下代码,将 JavaScript 事件包装在 jQuery 事件中:示例在线演示 $(document).ready(function(){ $('a.one').click(function(event){ event.preventDefault(); }); function test(event){ $.Event(event).preventDefault(); } }); a.test { font-weight: bold; } body { font-family:sans-serif; } 教程 QA

如何使用 jQuery 禁用复制内容功能?

Alex Onsman
更新于 2020年2月14日 12:46:49

2K+ 次浏览

要在 jQuery 中禁用内容的剪切、复制和粘贴,请使用 jQuery `bind()` 函数。示例您可以尝试运行以下代码,使用 jQuery 禁用内容的复制粘贴:在线演示 $(document).ready(function(){ $('#mytext').bind("cut copy paste",function(e) { e.preventDefault(); }); }); 复制、剪切和粘贴功能在此处不起作用。

如何使用 jQuery 禁用右键单击?

Alex Onsman
更新于 2019年12月11日 07:35:10

3K+ 次浏览

要禁用页面上的右键单击,请使用 jQuery `bind()` 方法。示例您可以尝试运行以下代码,学习如何禁用右键单击:在线演示 $(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; }); }); 此页面已禁用右键单击。

如何将 jQuery 事件作为参数传递给方法?

Alex Onsman
更新于 2019年12月11日 07:36:38

3K+ 次浏览

要将 jQuery 事件作为参数传递给方法,请使用 `bind()` 方法。示例您可以尝试运行以下代码,学习如何将 jQuery 事件作为参数传递:在线演示 $(document).ready(function(){ $("#btn1").bind("click", { key1: "value1", key2: "value2" }, myFunction); function myFunction (event) { $("#myid").text(event.data.key1); } });

jQuery Datepicker 的 onchange 事件是如何工作的?

Alex Onsman
更新于 2019年12月11日 07:39:51

15K+ 次浏览

要使用 jQuery Datepicker 的 `onchange()`,请使用 datepicker 的 `onSelect` 事件。这将显示我们当前添加和更改的日期。示例您可以尝试运行以下代码,学习如何使用 jQuery Datepicker 的 `onchange()`:在线演示 $( function() { $(".date").datepicker({ onSelect: function(dateText) { display("Selected date: " + dateText + ", Current Selected Value= " + this.value); $(this).change(); } }).on("change", function() { display("Change event"); }); function display(msg) { $("").html(msg).appendTo(document.body); } }); 日期

在哪里可以找到所有 jQuery 事件的列表?

Alex Onsman
更新于 2019年12月11日 07:57:32

223 次浏览

事件是 Web 应用程序可以检测到的操作。当这些事件被触发时,您可以使用自定义函数来对事件进行几乎任何处理。这些自定义函数称为事件处理程序。示例让我们来看一个 `bind()` jQuery 事件的示例。使用 jQuery 事件模型,我们可以使用 `bind()` 方法在 DOM 元素上建立事件处理程序,如下所示:在线演示 jQuery bind() $(document).ready(function() { $('div').bind('click', ... 阅读更多

如何使用 jQuery 处理 HTML5 媒体事件?

Alex Onsman
更新于 2019年12月11日 07:44:05

364 次浏览

要使用 jQuery 处理 HTML5 媒体事件,请使用 `click()` 方法。示例您可以尝试运行以下代码,学习如何处理 HTML5 媒体事件,例如播放歌曲:在线演示 $(document).ready(function(){ var x = $(".myPlayer").length; // 统计音频播放器的总数 var z = 0; // 从第一个音频播放器开始 $("#play-bt").click(function(){ $(".myPlayer")[z].play(); $(".message").text("音乐开始"); }) $("#stop-bt").click(function(){ $(".myPlayer")[z].pause(); $(".myPlayer")[z].currentTime = 0; $(".message").text("音乐停止"); }) }); 播放音乐 停止音乐

jQuery 事件命名空间是如何工作的?

Alex Onsman
更新于 2020年2月14日 12:44:34

194 次浏览

`event.namespace` 属性用于在触发事件时返回自定义命名空间。示例您可以尝试运行以下代码,学习命名空间是如何工作的以及如何创建和删除命名空间:在线演示 $(document).ready(function(){ $("p").on("custom.myNamespace",function(event){ alert(event.namespace); }); $("p").click(function(event){ $(this).trigger("custom.myNamespace"); }); $("button").click(function(){ $("p").off("custom.myNamespace"); }); }); 点击我 点击上方以生成警报框。点击下面的按钮删除命名空间,则不会生成警报框。点击此按钮删除命名空间。

用户在文本框中按 Enter 键的 jQuery 事件是什么?

Alex Onsman
更新于 2020年2月14日 12:43:26

823 次浏览

用户按下 Enter 键的 jQuery 事件是 `keyup` 和 `keyCode`。您可以尝试运行以下代码,在文本框中按下 Enter 键时触发事件,示例在线演示 $(document).ready(function(){ $('input').bind("enterKey",function(e){ alert("按下 Enter 键"); }); $('input').keyup(function(e){ if(e.keyCode == 13) { $(this).trigger("enterKey"); } }); }); 在上面的输入文本中按 Enter 键。

广告