jquery有哪些基础事件方法

说明：

1。上述事件函数有3个用途：

//直接给元素绑定事件 $('.target1').keydown(function(e) { $("em:first").text(e.target.value) //通过对象e获取输入值}); // 传递参数调用函数处理 $("#test").click(11111, function(e) { //这里指向div元素 //www.sychzs.cn => 11111 通过e传递参数数据} ); //手动触发绑定点击事件 $www.sychzs.cn()

2. mouseover 和 mouseenter 的区别：无论鼠标指针经过被选择的元素或其子元素，都会触发 mouseover 事件，这就是所谓的支持冒险。气泡处理是指子元素和父元素共同定义的事件。当子元素被触发，或者子元素没有定义时，事件会传播到父元素，导致父元素事件被触发。仅当鼠标指针经过所选元素时才会触发 mouseenter 事件。

3。 form 元素具有提交表单的默认行为。如果是通过submit处理，则需要禁用浏览器的这一默认行为。传统的方式是调用事件对象e.preventDefault()来处理。在jQuery中，可以在函数末尾直接返回false。

 //默认禁止浏览器按回车键或点击提交表单后跳转： $('#target2').submit(function() {alert('捕获提交表达式动作，阻止页面跳转from Jumping') return false ; });

4，on() 使用

基本用法：.on(事件,[选择器],[数据])

最常见的方式是将点击事件绑定到元素。比较一下shortcut方法和on方法的区别

$("#elem").click(function(){}) //快捷方式 $("#elem").on('click',function(){}) //方法上//多个Each事件绑定到同一个函数，用空格分隔，传递不同的事件名称。可以同时绑定多个事件 $("#elem").on("mouseover mouseout",function(){ });//多个事件 每个事件绑定不同的函数 $("#elem"). on({ mouseover:function(){}, mouseout:function(){}});//将数据传递给处理程序 $( "button" ). on( "click", { //第二个参数传递数据给函数调用 name: "Mr.Tory"},greet );functiongreet(event){alert("Hello"+www.sychzs.cn); //输出Hello Mr.Tory}

事件对象的属性和方法

$("#content").click(function(event) { $("#msg").html("
外部div元素被点击
"); event.stopPropagation(); //通过事件方法防止事件冒泡 });

【推荐学习：jQuery视频教程、Web前端视频】