一、常用的JQuery事件
a、click():当按钮点击事件被触发时会调用一个函数。该函数在用户点击 HTML 元素时执行。
b、dblclick():当双击元素时,会发生 dblclick 事件。
c、mouseenter():当鼠标指针穿过元素时,会发生 mouseenter 事件。
d、mousedown():当鼠标指针移动到元素上方,并按下鼠标按键时,会发生 mousedown 事件。
e、mouseup():当在元素上松开鼠标按钮时,会发生 mouseup 事件。
f、hover():用于模拟光标悬停事件。
g、focus():当元素获得焦点时,发生 focus 事件。当通过鼠标点击选中元素或通过 tab 键定位到元素时,该元素就会获得焦点。
h、blur():当元素失去焦点时,发生 blur 事件。
i、toggle():绑定两个或多个事件处理器函数,当发生轮流的 click 事件时执行。
j、change():当元素的值发生改变时,会发生 change 事件。
二、JQuery文档处理
1、内部插入
a、append(): 向每个匹配的元素内部追加内容
b、appendTo() :把所有匹配的元素追加到另一个指定的元素元素集合中。使用这个方法是颠倒了常规的$(A).append(B)的操作,即不是把B追加到A中,而是把A追加到B中。
c、prepend(): 向每个匹配的元素内部前置内容
d、prependTo() 把所有匹配的元素前置到另一个、指定的元素元素集合中。
2、外部插入
a、 after(): 在每个匹配的元素之后插入内容
b、 before(): 在每个匹配的元素之前插入内容
c、insertAfter(): 把所有匹配的元素插入到另一个、指定的元素元素集合的后面。
d、 insertBefore(): 把所有匹配的元素插入到另一个、指定的元素元素集合的前面。
3、删除
a、 empty() :删除匹配的元素集合中所有的子节点。
b、remove() :从DOM中删除所有匹配的元素,这个方法不会把匹配的元素从jQuery对象中删除,因而可以在将来再使用这些匹配的元素。但除了这个元素本身得以保留之外,其他的比如绑定的事件,附加的数据等都会被移除。
c、 detach(): 从DOM中删除所有匹配的元素,这个方法不会把匹配的元素从jQuery对象中删除,因而可以在将来再使用这些匹配的元素。与remove()不同的是,所有绑定的事件、附加的数据等都会保留下来。