首页 > 代码库 > JQuery_事件基础

JQuery_事件基础

2024-07-06 06:00:55   223人阅读

JavaScript 有一个非常重要的功能，就是事件驱动。当页面完全加载后，用户通过鼠标或键盘触发页面中绑定事件的元素即可触发。jQuery 为开发者更有效率的编写事件行为， 封装了大量有益的事件方法供我们使用。

 

一、事件绑定

 

jQuery 通过.bind()方法来为元素绑定这些事件。 可以传递三个参数： bind(type, [data], fn)，type 表示一个或多个类型的事件名字符串；[data]是可选的，作为 event.data 属性值传递一个额外的数据，这个数据是一个字符串、一个数字、一个数组或一个对象；fn 表示绑定到指定元素的处理函数。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>
<script type="text/javascript">
    $(function(){
        //使用点击事件
        /*
        $(‘input‘).bind(‘click‘,function(){
            alert("click");
        });
        */
        
        //普通处理函数
        /*
        $(‘input‘).bind(‘click‘,fn);
        function fn(){
            alert("click");
        }
        */
    });
</script>
</head>
<body>
    <input type="button" value="click" />
</body>

可以同时绑定多个事件

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


联系
我们