JQuery -2

 

$('#celebs tr.zebra').removeClass('zebra'); 移除当前节点的zebra class.

$('#celebs tr:even').addClass('zebra');

$('#button_id').click(function(){//logic}):     button handler register

$selector.is.(":attr_name):  return true/false.

 $('#disclaimer').toggle():  根据点击的次数自动进行二元状态的切换/visible/invisible

  $('selector').val('value'):   设置value。

$('selector').attr('key', value);

$('new element').insertAfter('#id');插入已知的某个元素之后。

Action:

  prependTo(); insert the begining of the element.

  appendTo():  append to the end of the element.

$('p/h2').text('new value')/html('new value'):  自动替换文本信息.

Animation:

   $('selector').fadeIn/fadeOut():  Category: slow/fast/normal/milisecond(3000,3s).

   $('selector').toggle('slow'):   height/width/opacity: animate in changes.

   $('selector').slideToggle('slow', function(){//logic }):  toggle with slide animation.

   $(selector).mouseover; addClass

   $(selector).mouseout.removeClass:  实现浮动hover效果。

该hover方法可以实现多个function的传入.

 $('#celebs tbody tr').hover(function(){

           $(this).addClass('zebra');

        },

        function(){

           $(this).removeClass('zebra');

        });

   toggleClass(class_name):  indicate the switch between the single-click and double clicking.

--------------------------------------------------------------------------------------------

border-bottom: 设置文字底线，基于border.

border-style:  边框的风格（solid, dotter。。。).

<span> 标签被用来组合文档中的行内元素。