JQuery学习笔记

写在前面

2018-9-11 00：35
很久没有学习新知识了，最近几天的毕业季，校招社招面试题真的带给我很大的冲击。语言真的是所有互联网从业者的基本功课，其重要程度不亚于说学逗唱之于相声。还有一年，希望未来有一份好工作，好家庭。

JQuery从来没有系统的学习过，前导课程是HTML，JS，CSS等，基础已经进行过系统的学习，因此直接进入JQuery的学习。JQuery可以看成是封装的JS函数库。

一、JQuery效果

1、 隐藏：

(selector).show(speed,callback);
在隐藏和显示中切换：
$(selector).toggle(speed,callback);

2、淡入淡出：

(selector).fadeOut(speed,callback);
淡入淡出切换：
(selector).fadeTo(speed,opacity,callback);

3、滑动：

(selector).slideUp(speed,callback);
向上滑向下滑切换：
$(selector).slideToggle(speed,callback);

4、动画：

$(selector).animate({params},speed,callback);

a.动画队列：
("div");
div.animate({height:'300px',opacity:'0.4'},"slow");
div.animate({width:'300px',opacity:'0.8'},"slow");
div.animate({height:'100px',opacity:'0.4'},"slow");
div.animate({width:'100px',opacity:'0.8'},"slow");
});

b.停止动作：
$(selector).stop(stopAll,goToEnd);
可选的 stopAll 参数规定是否应该清除动画队列。默认是 false，即仅停止活动的动画，允许任何排入队列的动画向后执行。
可选的 goToEnd 参数规定是否立即完成当前动画。默认是 false。

c.链：
$("#p1").css("color","red").slideUp(2000).slideDown(2000);

二、jQuery DOM 操作：

常用方法：

text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容（包括 HTML 标记）
val() - 设置或返回表单字段的值
attr() 方法用于获取属性值。
加参数是设置，不加是获取

回调函数：

两个参数：被选元素列表中当前元素的下标，以及原始（旧的）值
举例：

("#test1").text(function(i,origText){
return "旧文本: " + origText + " 新文本: Hello world! (index: " + i + ")";
});
});

("#test2").html(function(i,origText){
return "旧 html: " + origText + " 新 html: Hello <b>world!</b> (index: " + i + ")";
});
});

暂时到这吧，该睡觉了~

知识来源：http://www.runoob.com/jquery/jquery-tutorial.html