JQuery 事件

最新推荐文章于 2024-07-30 11:51:58 发布

houyanhua1

最新推荐文章于 2024-07-30 11:51:58 发布

阅读量250

点赞数

分类专栏： JQuery 文章标签： jquery

本文链接：https://blog.csdn.net/houyanhua1/article/details/78805182

版权

JQuery 专栏收录该内容

57 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <script src="scripts/jquery-1.7.1.min.js"></script>
</head>
<body>
    <input type="button" id="btnShow" value="显示"/>
    <script>
        //对于value属性的一种简写操作
    //$('#btnShow').attr('value');=> $('#btnShow').val('');  value属性的简写
        
        //为按钮绑定点击事件。  html中的事件一般去掉on就是JQuery的事件
        //$('#btnShow').click(function() {
        //    alert(this.value);//this是dom对象，不能调用jquery的成员
        //});
        
        //dom的事件注册:一个事件只能注册一个处理函数，不支持多播(注册多个函数，后面的会覆盖前面的注册函数)
        //document.getElementById('btnShow').onclick = function() {
        //    alert(1);
        //};
        //document.getElementById('btnShow').onclick += function() {
        //    alert(2);
        //};
        
        //jquery事件注册：支持多播，一个事件可以指定多个处理函数
        $('#btnShow').click(function() {
            alert(1);
        });
        $('#btnShow').click(function() {
            alert(2);
        });
    </script>
</body>
</html>