web-javaScript-jQuery

1.事件

var main=function(){
　　$('.aEl').click(function(){
　　　　//..
　　});

　　$(document).keypress(function(event){

　　　　if(event.which===111){
　　　　　　//当按下
　　　　}
　　});
}

$(document).ready(main);

 

2.样式

　　

    $('.aEl').addClass('className');

　　$('.aEl').removeClass('c');

　　$('.aEl').toggleClass('');

　　$('.aEl').hide();

　　$('.aEl').show();

　　$('.aEl').toggle();

 

3.DOM操纵　

　　

    $('<li>').text('New item').appendTo('.items');

　　$('<li>').text('New item').prependTo('.items');

　　$('.aEl').next()-1;

　　$('.aEl').prev()-1;

　　$('.aEl').parent()-1;

　　$('.aEl').sibling()-n;

　　$('.aEl').children()-n;

 

4.效果动画

　　

    $('.aEl').hide().slideDown(1000);//无到有

　　$('.aEl').show().slideUp(2000);//有到无

　　$('.aEl').hide().fadeIn(3000);

　　$('.aEl').show().fadeOut(3000);

　　$('.aEl').animate({css:css},300);