JQuery 知识

１．修改标签内容：

　　　　＊html( )  相当于innerHTML

　　　　* text(  )  相当于innerText

２．属性操作：

　　　　＊attr(  )  读/写/添加/设置属性

　　　　＊removeAttr(  )  移除属性

３．each(  )　索引：

　　　　迭代，把所有制定的标签内的值都迭代出来。

语法

描述

$(selector).each(function(index,element))

必需。为每个匹配元素规定运行的函数。 index - 选择器的 index 位置 element - 当前的元素（也可使用 "this" 选择器）

４．switch（）

　　　　＊首先设置表达式 n（通常是一个变量）。随后表达式的值会与结构中的每个 case 的值做比较。如果存在匹配，则与该 case 关联的代码块会被执行。请使用 break 来阻止代码自动地向下一个 case 运行。

　　　　＊判断哪个属性符合判断条件就执行：

           switch (numoff){
               case 1:
                   document.write('');
               case 2:
                   document.write('两');
               case 3:
                   document.write('');
               case 4:
                   document.write('');
               default :
                   document.write('都不对');

５．在JQuery中，this　表示当前标签属性，可以通过this来获取标签内的内容，示例如下：

 var user_id = $(this).attr("data-user-id");

６．样式操作：

　　　　＊JQuery中，是通过  .css（）的方式进行元素操作的。

７．事件：

　　　　＊off（）：移除事件

　　　　＊hover（）：方法可以实现移入移出

　　　　＊clink（）：点击

二。动画：

　　１．显示　/　隐藏

　　　　＊hide（）隐藏

　　　　＊show（）显示

　　　　＊toggle（）取反

     ＃语法
     $(selector).hide(speed,callback);

     $(selector).show(speed,callback);        

     ＃可选的 speed 参数规定隐藏/显示的速度，可以取以下值："slow"、"fast" 或毫秒。

    　＃可选的 callback 参数是隐藏或显示完成后所执行的函数名称。

     ＃通过 jQuery，您可以使用 toggle() 方法来切换 hide() 和 show() 方法。使用方法和之前一样

　　２．翻滚：

　　　　＊slideUp（）向上翻

　　　　＊slideDown（）向下翻

　　　　＊slideToggle（）取反，表现的是上翻和下翻，改变的是高度

　　　　语法：　　$(selector).slideDown(speed,callback);

　　　　　　　　　$(selector).slideUp(speed,callback);

　　　　　　　　　$(selector).slideToggle(speed,callback);

　　　　　　　　　可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。

　　　　　　　　　可选的 callback 参数是滑动完成后所执行的函数名称。

　　　　　　　　　slideToggle() 方法可以在 slideDown() 与 slideUp() 方法之间进行切换。

 　　$("#flip").click(function(){
  　　 $("#panel").slideDown();
 　　});

 6　　 $("#flip").click(function(){
  　　 $("#panel").slideUp();
 　　});

 　　$("#flip").click(function(){
   　　$("#panel").slideToggle();
14　　 });