html页面
jquery绑定点击事件
// 等待页面加载结束
$(document).ready(function(){
//此处写jquery
});
姓名:
年龄:
18
19
20
21
1.集中式绑定暴风(点击暴风)
1.点击风暴绑定
$("#sub_click").click(function(){
var name = $("#name_input").val();
alert(name);
});
2.使用bin()函数绑定click
$("#sub_click").bind("click",function(){
var name = $("#name_input").val();
alert(name);
});
3.使用on()函数绑定点击
$("#sub_click").on("click",function(){
var name = $("#name_input").val();
alert(name);
});
2. 绑定窃听改变几种形式的动乱
1.更改风暴绑定
$("#age_sel").change(function(){
var age = $("#age_sel").val();
alert(age);
});
2.使用bind()函数绑定click()
$("#age_sel").bind("change",function(){
var age = $("#age_sel").val();
alert(age);
});
3.使用on()函数绑定点击
$("#age_sel").on("change",function(){
var age = $("#age_sel").val();
alert(age);
});
3、多重风暴绑定多个元素
多种元素绑定多重风暴
//这里的元素与事件是一一对应的,元素a与click事件对应,元素b与change事件对应
//元素a不能触发change事件,同理元素b不能触发click事件
$("#a,#b").on("click,change",function(){
//事件操作
});
4、绑定多个元素,获得改变风暴的元素
$("#a,#b").on("change",function(obj){
// 获取当前改变事件的元素
var node = $(obj.target);
//事件操作
});
笔记:
绑定()的用法
$("a").bind("click",[data],function(){})
风暴的活页夹是固定的,是a。 第一个参数是stormjquery on 多个事件绑定,第二个可选参数是要传递给回调函数的event.data参数,第三个参数是回调函数。
on() 的用法
$("body").on("click",'a',[data],function(){})
与bind()相比,除了Fengbo的binder(在Fengbo上是body)之外jquery on 多个事件绑定,在on参数中还添加了一个选择器a,Fengbo会作用在这个a的前面。
区别:
正是因为on()函数的参数中多了一个选项a,所以我们也可以将storms绑定到动态生成的元素上,而这是bind()函数做不到的。
发表评论