jQuery中的click事件是一种常用的事件,它可以用来检测页面上的按钮或者其他元素是否被点击。jQuery的click事件有以下几种常见的写法:
第一种:直接绑定
$('#btn').click(function(){ // 在这里编写click事件的处理函数 });
上面的代码表示,当页面上id为btn的元素被点击时,就会调用里面的处理函数,在里面可以编写相应的处理代码。
第二种:使用on()方法
$('#btn').on('click', function(){ // 在这里编写click事件的处理函数 });
上面的代码表示,当页面上id为btn的元素被点击时,就会调用里面的处理函数,在里面可以编写相应的处理代码。
第三种:使用bind()方法
$('#btn').bind('click', function(){ // 在这里编写click事件的处理函数 });
上面的代码表示,当页面上id为btn的元素被点击时,就会调用里面的处理函数,在里面可以编写相应的处理代码。
第四种:使用live()方法
$('#btn').live('click', function(){ // 在这里编写click事件的处理函数 });
上面的代码表示,当页面上id为btn的元素被点击时,就会调用里面的处理函数,在里面可以编写相应的处理代码。live()方法可以用来绑定动态添加到页面中的元素,而不需要重新绑定事件。
第五种:使用delegate()方法
$('#container').delegate('#btn', 'click', function(){ // 在这里编写click事件的处理函数 });
上面的代码表示,当页面上id为container的元素中的id为btn的元素被点击时,就会调用里面的处理函数,在里面可以编写相应的处理代码。delegate()方法可以用来绑定动态添加到页面中的元素,而不需要重新绑定事件。
以上就是,可以根据不同的需求来选择不同的写法,以满足不同的需求。