关于jquery的obj.click()、和obj.on()以及行内的onclick事件

一般通过jQuery写触发事件是我们通常写的是obj.事件类型()。

以下以点击事件为例:

通常我们直接写obj.click();实现点击事件的效果,但是这种写法不支持动态元素或样式绑定事件。

支持动态元素绑定事件的是.live()和.on()。live在jquery1.7以后就不推荐使用了。

行内的onclick事件也可以实现对js的动态绑定事件。

以下是我自己整理的关于三种写法的使用,以便以后查看:



	
		
		
	
	
		
  • 菜单一 删除
  • 菜单二删除
  • 菜单三删除
  • 菜单四删除
  • 菜单五删除
  • 菜单六删除

注意:此处有一个jquery的引入。

此处.on的事件绑定用法是:.on(events,[,selector][,data],handler),.on的selector参数是筛选出调用.on方法的dom元素的指定子元素,

原理是:事件冒泡,进行事件委托,子元素把事件委托给父元素进行事件处理。

好处是:万一子元素非常多,给每个子元素都添加一个事件会影响到性能;为动态添加的元素也能绑定指定事件。




你可能感兴趣的:(jQuery)