一、常用事件
1.focus事件,获取焦点事件,一般不在这个事件上绑定函数,一般作为让输入框输入框自动获得焦点的方式使用,写法:$input.focus()
2.mouseover 和mouseout鼠标移入移出事件,移入子元素也会触发事件
3.mouseenter 和 mouseleave 鼠标移入移出事件 移入子元素不会触发事件
4.hover 可以将 mouseenter和mouseleave的操作事件合并在一起写,写法:
$input.hover(function(){ mouseenter的操作 },function(){ mouseleave的操作 })
二、事件冒泡
原理:元素发生事件后 ,会将这个事件传递给父级,父级还会往上传递,一直传递到最顶级标签,一般最顶级标签写成$(document)
阻止事件冒泡:return false
三、事件委托
原理:利用事件冒泡的特性,将事件绑定在父级上,子集发生的事件都会冒泡到父级,父级通过判断子级的特征给他特定的操作,写法:$ul.delegate('li','click',function(){ $(this) }) 这里的$(this)指的是当前冒泡的子级
四、Dom操作(也叫做节点操作)
1.append 和appendTo 在现存元素的内部,从后面放入元素
2.Prepend和prependTo()在现存元素的内部,从前面放入元素
3.after 和 inserAfter()在现存元素的外部,从后面放入元素
4.Before 和insertBefore()在现存元素的外部,从前面放入元素
5.remove 删除节点