jQuery的绑定()方法使用了详细的解决方案
绑定()方法用法:这种方法使用的方法比较多,虽然用API手册中描述的方法,但由于语言是简短的例子,不够详细,可能会导致不能完全掌握使用绑定()方法,并结合实例来介绍这种方法。
语法格式:
$(选择器)。Bind(类型,{数据},功能(间的事件))
此方法可以将事件处理函数绑定到所有匹配元素的特定事件,如:
div {
宽度:150px;
身高:40px;
背景颜色:蓝色;
}
$(文档)Ready(函数(){)
$(# BT)。Bind(点击),功能({ $(div)(文本)})
})
你好!
在上面的代码中,单击按钮时,div元素中的文本被设置。
正如您可以从绑定()方法的语法结构中看到的一样,还有一个可选的数据参数要使用。此参数可以作为event.data属性值,通过事件对象的附加数据的对象。
以下示例如下:
div {
宽度:150px;
身高:40px;
背景颜色:蓝色;
}
$(文档)Ready(函数(){)
无功newtext = ;
$(# BT)Bind(单击。
$(div)。文本(e.data。mytext);
})
})
你好!
上面的代码使用数据参数为事件函数的事件对象提供额外的数据,以及第一个实例的效果。
绑定多个事件:
您可以使用链编程来为匹配元素绑定多个事件:
div {
宽度:150px;
身高:40px;
背景颜色:蓝色;
}
$(文档)Ready(函数(){)
无功newtext = ;
$(# BT)Bind(单击。
$(div)。文本(e.data。mytext);
})。Bind(mouseout
警报(欢迎下次);
})
})
你好!
按钮将绑定两个事件处理函数。当您单击按钮时,您可以在div中重置文本,当鼠标离开按钮时,它会弹出文本框。
浏览器默认事件的失效
例如,点击链接到指定的地址,点击提交按钮提交表单是浏览器默认的事件。但在实际的操作过程中,这些默认的事件,例如是不是我们想要的,操作,当早期的形式验证不通过,他们不想提交表单。这个时候你需要阻止浏览器默认的事件发生。
代码示例如下所示:
$(文档)Ready(函数(){)
$(提交)。Bind(单击
如果($(#用户名)(。Val)= = )
{
警报()用户名不是空的!;
$(#用户名)重点();
返回false;
}
如果($(# PW)(。Val)= = )
{
警报()密码不能为空!;
$(# PW)重点();
返回false;
}
})
})
用户名称:
密码:
Submit Form
以上是本文的全部内容,希望大家能喜欢。