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);