在js中,如果我们要触发一个按钮的点击事件,直接使用元素的onclick事件,然后调用相关函数就可以了,这样的 写法则是让代码与html结合到一起了,在Jquery中就不用这样了,它有另外的几种写法,可以使代码与html分开:
比如页面中有一个按钮:<input id=”btn” type=”button” value=”提交” />
我们要触发它的点击事件可以有下面两种方式:
jQuery(function($){ $(“#btn”).click(function(){alert(“这是触发事件的第一种方式”)}) })
直接获得元素,然后调用click方法就可以了,函数在事件里面写
jQuery(document).ready(function() { $(“#btn1″).bind(“click”,function(event){ alert(“这是触发事件的第二种方式”) }) } )
这种方法是绑定事件
上面两种方式都可以,其中click可以换成其他的blur,focus等事件
如果是一个元素要触发两次事件,比如失去焦点,获取焦点,在js中要用到onfocus和onblur事件,在jquery中直接连续添加即可
$(function(){ $(“#txtName”).focus(function(){ $(“#txtName”).attr(“value”,”"); }).blur(function(){ $(“#txtName”).addClass(“aa”); }); })
或者
$(function(){ $(“#txtName”).focus(function(){ $(this).attr(“value”,”"); }).blur(function(){ $(this).addClass(“aa”); }); })
this代表当前元素
或者使用bind绑定两次事件都可以
暂无评论
写评论