07.30《jQuery》——1.3绑定事件处理函数

Posted justlive-tears

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了07.30《jQuery》——1.3绑定事件处理函数相关的知识,希望对你有一定的参考价值。

jQuery在这方面与原生JS有些许不同:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="../jquery-3.2.1/jquery-3.2.1.js" type="text/javascript">
            
        </script>
        <script type="text/javascript">
            $(function(){
                $("#btn1").click(function(){
                alert("你好");
                });
            });
    
        </script>
    </head>
    <body>
        <input type="button" name="btn1" id="btn1" value="按一下绑定事件" />
    </body>
</html>

此前的原生JS节点需要用到document.getElementById();方法或是其他的根据Name,className,tagName等标签才能找到节点,jQuery在这方面就较为的简单,只需要$(#btn1)就可以,其中用ID来表示节点用“ # ”,用Class来表示就会用到“ . ”。其他方面都很类似。

以上是关于07.30《jQuery》——1.3绑定事件处理函数的主要内容,如果未能解决你的问题,请参考以下文章

[Web 前端] 028 jQuery 事件

jQuery源码分析--event事件绑定(上)

jQuery事件处理概述

07.30《jQuery》——1.1DOM对和jQuery对象的转化

jQuery事件处理 事件对象 动画效果

使用 jQuery 访问绑定到事件处理程序的函数