JQuery事件

2017-08-21  本文已影响6人  LittlePy

1、鼠标移入移出事件

hover():一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法。这是一个自定义的方法,它为频繁使用的任务提供了一种“保持在其中”的状态。

当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。当鼠标移出这个元素时,会触发指定的第二个函数。而且,会伴随着对鼠标是否仍然处在特定元素中的检测(例如,处在div中的图像),如果是,则会继续保持“悬停”状态,而不触发移出事件(修正了使用mouseout事件的一个常见错误)。

2、选项卡------失去焦点

3、input框事件

4、绑定事件

点击任一个按钮均可弹出alert 哈哈。

delegate(selector,[type],[data],fn): 指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。返回值:jQuery对象。

5、自定义事件

点击按钮1 点击按钮2

6、事件冒泡

click一块区域只会alert一次

7、节点操作

创建节点

var $div = $(''此处填写HTML代码'');

插入节点

1、append()和appendTo():在现存元素的内部,从后面插入元素

2、prepend()和prependTo():在现存元素的内部,从前面插入元素

3、after()和insertAfter():在现存元素的外部,从后面插入元素

4、before()和insertBefore():在现存元素的外部,从前面插入元素

删除节点

$('#div1').remove();

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

上一篇下一篇

猜你喜欢

热点阅读