美文网首页
jQuery 链式调用,触发事件

jQuery 链式调用,触发事件

作者: 眼前人_249d | 来源:发表于2018-07-30 08:39 被阅读0次

    jquery链式调用:

    jquery对象的方法会在执行完后返回这个jquery对象,所有jquery对象的方法可以连起来写:

    $('#div1') // id为div1的元素

    .children('ul') //该元素下面的ul子元素

    .slideDown('fast') //高度从零变到实际高度来显示ul元素

    .parent()  //跳到ul的父元素,也就是id为div1的元素

    .siblings()  //跳到div1元素平级的所有兄弟元素

    .children('ul') //这些兄弟元素中的ul子元素

    .slideUp('fast');  //高度实际高度变换到零来隐藏ul元素

    绑定事件

    $(function(){

        $('#div1').bind('mouseover click', function(event) {

            alert($(this).html());

        });

    });

    取消绑定事件

    $(function(){

        $('#div1').bind('mouseover click', function(event) {

            alert($(this).html());

            // $(this).unbind();

            $(this).unbind('mouseover');

        });

    });

    主动触发与自定义事件 :

    主动触发

    可使用jquery对象上的trigger方法来触发对象上绑定的事件。

    自定义事件

    除了系统事件外,可以通过bind方法自定义事件,然后用tiggle方法触发这些事件。

    //给element绑定hello事件

    element.bind("hello",function(){

        alert("hello world!");

    });

    //触发hello事件

    element.trigger("hello")

    相关文章

      网友评论

          本文标题:jQuery 链式调用,触发事件

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