找到 732 篇文章 关于 JQuery

如何使用 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 秒。                  

我可以用 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 这是一个演示文本。

如何使用 jQuery 设置 textarea 的内容?

Arnab Chakraborty
更新于 2020-06-21 17:10:30

2K+ 次浏览

点击标签后,内容会显示在 textarea 中。示例在线演示    $(document).ready(function () {       $("a").click(function () {          $("#txt1").val("我显示在 TEXTAREA 中");       });    });     查询 TEXTAREA :

如何使用 jQuery 获取 textarea 的内容?

Arnab Chakraborty
更新于 2020-06-21 17:08:12

597 次浏览

这里我使用了一个 textarea 和一个按钮。第一个 textarea 用于用户输入,然后点击按钮,并在警告框中显示值。示例在线演示                    $(document).ready(function () {             $("button").click(function () {                var dim = $("#txt").val();                alert(dim);             });          });     点击这里

如何使用 jQuery 了解表单输入中按下了哪个键?

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

319 次浏览

要使用 jQuery 了解表单输入中按下了哪个键,请使用 jQuery 的 keydown 事件。您可以尝试运行以下代码,了解如何在表单输入中检测按下的键 -示例在线演示               $(document).ready(function(){       $('#myinput').keydown(function(e) {         var newkey = '键码 = ' + e.which + ' ' + (e.ctrlKey ? 'Ctrl' : '') + ' ' + (e.shiftKey ? 'Shift' : '') + ' ' + (e.altKey ? 'Alt' : '');         $('#mykey').text(newkey);         return false;       });     });       按下任意键:     您按下的键将与键码一起显示在此处。

如何使用 jQuery 检测 textarea 中的 Ctrl+Enter?

Kristi Castro
更新于 2019-07-30 22:30:23

0 次浏览

$(document).ready(function(){ $('#myinput').keydown(function(e) { var newkey = '键码 = ' + e.which + ' ' + (e.ctrlKey ? 'Ctrl' : '') + ' ' + (e.shiftKey ? 'Shift' : '') + ' ' + (e.altKey ? 'Alt' : ''); $('#mykey').text(newkey); return false; }); });

如何使用 jQuery 检测键盘上的 Enter 键?

Kristi Castro
更新于 2020-06-20 07:46:52

309 次浏览

要检测键盘上的 Enter 键,请使用 keup() 函数和 keyCode。您可以尝试运行以下代码,了解如何使用 jQuery 检测键盘上的 Enter 键 -示例在线演示                          $(document).ready(function(){          $('textarea').bind("enterKey",function(e){          alert("您按下了 Enter 键!");       });       $('textarea').keyup(function(e){          if(e.keyCode == 13)          {             $(this).trigger("enterKey");          }       });    });            在下方按下 Enter 键         在下方按下 Enter 键 

如何使用 jQuery 验证电子邮件?

Kristi Castro
更新于 2020-06-20 07:36:39

11K+ 次浏览

要使用 jQuery 验证电子邮件,请使用正则表达式模式。您可以尝试运行以下代码,了解如何使用 jQuery 验证电子邮件 -示例在线演示               $(document).ready(function() {       $('.error').hide();       $('#submit').click(function(){         var name = $('#name').val();         var email = $('#email').val();         if(name== ''){           $('#name').next().show();           return false;         }         if(email== ''){           ... 阅读更多

如何使用 jQuery 获取当前 URL?

Arnab Chakraborty
更新于 2020-06-22 07:56:43

4K+ 次浏览

要获取当前 URL,您可以使用 attr() 方法或 window.location。示例 url               $(document).ready(function () {          $("button").click(function () {             alert($(location).attr('href'));             alert(window.location);          });       });     显示 URL

广告