Jquery事件

Posted 2021-01-01 chenze-index

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Jquery事件相关的知识，希望对你有一定的参考价值。

回车提交方式

1.按钮提交方式

//按钮事件
$(‘#btnSumit‘).click(function() {
  alert(‘测试‘);
});
 //回车提交事件
$("body").keydown(function() {
  if (event.keyCode == "13") {//keyCode=13是回车键
    $(‘#btnSumit‘).click();
  }
});

2.表单提交方式

$("body").bind(‘keyup‘,function(event) { 
  if(event.keyCode==13){ 
    document.form.submit(); 
  }   
});

技术分享图片

jQuery名称冲突

var jq=jQuery.noConflict()，帮助您使用自己的名称（比如 jq）来代替 $ 符号。

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6         <script type="text/javascript" src="../js/jquery-1.8.3.js" ></script>
 7         <script type="text/javascript">
 8             var jq=jQuery.noConflict();
 9             jq(function(){                
10 //                alert(111111);
11                 alert(jq("p").html())
12             })
13         </script>
14     </head>
15     <body>
16         <p>ssssssssssssss</p>
17     </body>
18 </html>

View Code

jQuery toggle()

通过 jQuery，您可以使用 toggle() 方法来切换 hide() 和 show() 方法。

$("button").click(function(){
  $("p").toggle();
});

filter（）

filter() 方法允许您规定一个标准。不匹配这个标准的元素会被从集合中删除，匹配的元素会被返回。

下面的例子返回带有类名 "intro" 的所有 <p> 元素：

 $("p").filter(".intro").css("background-color","yellow");

参考网址：

1.https://blog.csdn.net/chongshangyunxiao321/article/details/51152335

以上是关于Jquery事件的主要内容，如果未能解决你的问题，请参考以下文章

原生js如何绑定a连接点击事件？

jQuery应用代码片段

Visual Studio 2012-2019的130多个jQuery代码片段。

markdown 在WordPress中使用jQuery代码片段

使用 NodeJS 和 JSDOM/jQuery 从代码片段构建 PHP 页面

很实用的JQuery代码片段（转）