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来表示就会用到“ . ”。其他方面都很类似。

猜你喜欢

转载自www.cnblogs.com/justlive-tears/p/9393650.html
今日推荐