JQuery 知识

１．修改标签内容：

　　　　＊html( ) 相当于innerHTML

　　　　* text( ) 相当于innerText

２．属性操作：

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

　　　　＊removeAttr( ) 移除属性

３．each( )　索引：

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

语法

描述

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

必需。为每个匹配元素规定运行的函数。

index - 选择器的 index 位置
element - 当前的元素（也可使用 "this" 选择器）

４．switch（）

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

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

 1           switch (numoff){
 2               case 1:
 3                   document.write('1');
 4               case 2:
 5                   document.write('两');
 6               case 3:
 7                   document.write('2');
 8               case 4:
 9                   document.write('3');
10               default :
11                   document.write('都不对');

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

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

６．样式操作：

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

７．事件：

　　　　＊off（）：移除事件

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

　　　　＊clink（）：点击

二。动画：

　　１．显示　/　隐藏

　　　　＊hide（）隐藏

　　　　＊show（）显示

　　　　＊toggle（）取反

 1     ＃语法
 2     $(selector).hide(speed,callback);
 3 
 4     $(selector).show(speed,callback);        
 5     
 6     ＃可选的 speed 参数规定隐藏/显示的速度，可以取以下值："slow"、"fast" 或毫秒。
 7 
 8    　＃可选的 callback 参数是隐藏或显示完成后所执行的函数名称。
 9     
10     ＃通过 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() 方法之间进行切换。

 1 　　$("#flip").click(function(){
 2  　　 $("#panel").slideDown();
 3 　　});
 4 
 5 
 6　　 $("#flip").click(function(){
 7  　　 $("#panel").slideUp();
 8 　　});
 9 
10 
11 
12 　　$("#flip").click(function(){
13   　　$("#panel").slideToggle();
14　　 });

猜你喜欢