美文网首页
JQuery事件

JQuery事件

作者: LittlePy | 来源:发表于2017-08-21 16:48 被阅读6次

    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选择器是否选择成功

    相关文章

      网友评论

          本文标题:JQuery事件

          本文链接:https://www.haomeiwen.com/subject/ojxhdxtx.html