jQuery学习笔记二

最新推荐文章于 2024-08-22 14:32:34 发布

weixin_34302798

最新推荐文章于 2024-08-22 14:32:34 发布

阅读量77

点赞数

文章标签： javascript python php ViewUI

原文链接：https://my.oschina.net/agui1989/blog/474965

版权

2019独角兽企业重金招聘Python工程师标准>>>

五。设置CSS样式：

设置一种样式：$("div").css("float","left");

同时设置多种样式：$("div").slice(2,3).css({"background":"orange","width":"500px"});-->

（注意：1.样式和值都要加引号；

　　　　2.css({ })小括号里要有大括号；

　　　　3.符号是：和，

六。hide(a,b)和show(a,b)　的参数有两个可选：

a 是隐藏或者显示的速度，可以用“slow"或"fast",也可以用毫秒数；

B可在完成时执行一个函数。

而且，如果你执行的元素对象有多个，也将执行多次。

比如：$("div").show(4000,function(){alert("我要显示了，你看好")}); 有五个div，则执行5次。

$("div").slice(2,5).hide("slow",function(){alert("haah")});　执行3次.

toggle( )可以交替执行show()和hide()函数。可选参数上同。

比如：$("button").click(function(){
$("p").toggle();　　});

七。淡入淡出：

fadeIn(a,b) 淡入已隐藏的元素：参数上同。

fadeOut(a,b)淡出可见的元素，参数上同。

fadeToggle(a,b)上面两个交替，参数上同。

fadeTo(a,opacity,b)渐变为给定的不透明度，a,b参数上同，opacity的值在0到1之间。

八。滑动效果（向下或向下展开）

slideDown(a,b);

slideUp(a,);

slideToggle(a,b) 参数上同。

九。动画：(setInterval和clearInterval的结合）

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

其中，{params}大括号是要运动形成的CSS的样式，写法类似于style里的写法。

比如：$("button").click(function(){
$("div").animate({
    left:'250px',
    opacity:'0.5',
    height:'150px',
    width:'150px'
});
});

可以使用相对值：

比如：$("button").click(function(){
$("div").animate({
    left:'250px',
    height:'+=150px',
    width:'+=150px'
});
});

toggle的运用：

比如：$("button").click(function(){
$("div").animate({
height:'toggle'
});
}); -->可以使用height从有到无，再从无到有。

队列功能：（多个样式按顺序变化，而写在一个大括号里是同时运动）

比如：$("button").click(function(){
var div=$("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");//再高变小
});