Jquery的简写

jquery大大简化了js的dom操作。除此之外，jquery还特别的注重自身的修炼，极力推崇瘦身。

于是乎有些不可不知的常用jquery简写，在此一一总结。

 

$(docment).ready(function(){…})简化为$(function(){…})

$(selector).bind('click','function(){…}')简化为$(selector).click(function(){…})

 

另外，toggle和hover有些相通，还有一个toggleClass和前面这两个函数有点共性。

看例子，自动的在moveover和moveout的时候执行：

    $('p').hover( function(){$('p').addClass('changeColor'); },
                                function(){$('p').removeClass('changeColor')}
                    );

而改用toggle，则效果变成一次点击，二次点击，交替执行。

    $('p').toggle( function(){$('p').addClass('changeColor'); },
                                function(){$('p').removeClass('changeColor')}
                    );

要实现同样的效果，还可以使用toggleClass

$('p').bind('click',function(){
        $(this).toggleClass('changeColor');
    });
});

或者

$('p').click(function(){
        $(this).toggleClass('changeColor');
    });
});

 

trigger方法

trigger方法的正式写法是：

$(function(){

  $('selector').triggrt('click');

})

但是我们经常用到的是：

$(function(){

  $('selector').click();

})

当使用click而不带任何参数的时候，结果将是触发操作而不是绑定行为。

显示隐藏一个元素会用到hide()和show()两个函数。

其写法是$(selector).hide()

这个可以看成是$(selector).css('display','hidden')的简写