1、鼠标移入移出事件




hover():一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法。这是一个自定义的方法,它为频繁使用的任务提供了一种“保持在其中”的状态。
当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。当鼠标移出这个元素时,会触发指定的第二个函数。而且,会伴随着对鼠标是否仍然处在特定元素中的检测(例如,处在div中的图像),如果是,则会继续保持“悬停”状态,而不触发移出事件(修正了使用mouseout事件的一个常见错误)。
2、选项卡------失去焦点





3、input框事件



4、绑定事件



点击任一个按钮均可弹出alert 哈哈。
delegate(selector,[type],[data],fn): 指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。返回值:jQuery对象。
5、自定义事件




6、事件冒泡




7、节点操作
创建节点
var $div = $(''此处填写HTML代码'');
插入节点
1、append()和appendTo():在现存元素的内部,从后面插入元素
2、prepend()和prependTo():在现存元素的内部,从前面插入元素
3、after()和insertAfter():在现存元素的外部,从后面插入元素
4、before()和insertBefore():在现存元素的外部,从前面插入元素
删除节点
$('#div1').remove();


8、判断JQuery选择器是否选择成功


网友评论