怎么做网站免费优化,专为网站做点击量,seo优化方案项目策划书,网站建设综合实训报告1、绑定事件 语法#xff1a; bind(type,data,fn) 描述#xff1a;为每一个匹配元素的特定事件#xff08;像click#xff09;绑定一个事件处理器函数。 参数解释#xff1a; type (String) : 事件类型 data (Object) : (可选) 作为event.data属性值传递给事件对象的额外数…1、绑定事件 语法 bind(type,data,fn) 描述为每一个匹配元素的特定事件像click绑定一个事件处理器函数。 参数解释 type (String) : 事件类型 data (Object) : (可选) 作为event.data属性值传递给事件对象的额外数据对象 fn ( Function) : 绑定到每个匹配元素的事件上面的处理函数 示例 当每个p标签被点击的时候弹出其文本 $(p).bind(click, function(){alert( $(this).text() );
}); 你可以在事件处理之前传递一些附加的数据。 function handler(event) {
//event.data 可以获取bind()方法的第二个参数的数据alert(event.data.foo);
}
$(p).bind(click, {foo: bar}, handler) 通过返回false来取消默认的行为并阻止事件起泡。 $(form).bind(submit, function() { return false; }) 通过使用 preventDefault() 方法只取消默认的行为。 $(form).bind(submit, function(event){event.preventDefault();
}); 2、解绑事件 语法 unbind(type,fn); 描述 bind()的反向操作从每一个匹配的元素中删除绑定的事件。 如果没有参数则删除所有绑定的事件。 如果把在绑定时传递的处理函数作为第二个参数则只有这个特定的事件处理函数会被删除。 参数解释 type (String) : (可选) 事件类型 fn(Function) : (可选) 要从每个匹配元素的事件中反绑定的事件处理函数 示例 把所有段落的所有事件取消绑定 $(p).unbind() 将段落的click事件取消绑定 $(p).unbind( click ) 删除特定函数的绑定将函数作为第二个参数传入 var foo function () {//绑定事件和解绑事件的事件处理函数
};$(p).bind(click mouseenter, foo); // 给p段落绑定click mouseenter事件$(p).unbind(click, foo); // 只解绑了p段落标签的click事件 3.自定义事件 其实事件的绑定和解绑都是我为了自定义事件做准备大家把jQuery的提供的事件熟记在心以后对jquery熟了以后可以玩一下自定义事件 语法 trigger(type,data); 描述在每一个匹配的元素上触发某类事件它触发的是由bind()注册的自定义事件。 参数解释 type (String) : 要触发的事件类型 data (Array) : (可选)传递给事件处理函数的附加参数 示例 给一个按钮添加自定义的事件 $(button).bind(myClick,function(ev,a,b){//给button按钮添加的自定义事件myClick事件
}) 然后通过trigger()触发自定义的事件 $(button).trigger(myClick,[1,2]) 4.补充 一次性事件 语法 one(type,data,fn) 描述 为每一个匹配元素的特定事件像click绑定一个一次性的事件处理函数。在每个对象上这个事件处理函数只会被执行一次。其他规则与bind()函数相同 参数解释 type (String) : 事件类型 data (Object) : (可选) 作为event.data属性值传递给事件对象的额外数据对象 fn (Function) : 绑定到每个匹配元素的事件上面的处理函数 示例当所有段落被第一次点击的时候显示所有其文本。 $(p).one(click, function(){
//只有第一次点击的时候才会触发再次点击不会触发了alert( $(this).text() );
}); 转载于:https://www.cnblogs.com/baijinshuo/p/9957240.html
