为了账号安全,请及时绑定邮箱和手机立即绑定

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
$(function () {
$("span").animate({
left: "+=100px"
}, 3000, function () {
$("span").animate({
height: '+=30px',
width: '+=30px'
}, 3000, function () {
$("#tip").html("执行完成!");
});
});
});
为什么1.5倍速度都觉得不快
<script type="text/javascript">
$(function () {
$("span").animate({
width: "80px",
height: "80px",
},
3000, function () {
$("#tip").html("执行完成!");
});
});
</script>
注:jquery的animate不能改变background-color!!!

最新回答 / 老老实实做猿
$(document).ready(function(){})等价于$(function(){}); 这两个是一个函数       表示在 网页页面结构加载好之后  就可以执行这个 函数  你把 上面的脚本<script>放到head里没有这个$(function(){})  就无法执行了  
记住用块元素包裹css属性!!!
&lt;script type=&quot;text/javascript&quot;&gt;
$(function () {
$(&quot;span&quot;).each(function (index) {
switch (index) {
case 0:
$(this).fadeTo(3000,0.7);
break;
case 1:
$(this).fadeTo(3000,0.5);
break;
case 2:
$(this).fadeTo(3000,0.1);
break;
}
});
});
&lt;/script&gt;
jQuery的每个插件都是这么写来的.
&lt;script type=&quot;text/javascript&quot;&gt;
$(function () {
var $spn = $(&quot;#spnTip&quot;);
$(&quot;h4&quot;).bind(&quot;click&quot;, function () {
$(&quot;ul&quot;).slideToggle(function(){
$spn.html() == &quot;向下滑&quot; ? $spn.html(&quot;向上滑&quot;) : $spn.html(&quot;向下滑&quot;);
})
})
});
&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
$(function () {
$(&quot;h4&quot;).bind(&quot;click&quot;, function () {
if ($(&quot;#hidval&quot;).val() == 0) {
$(&quot;ul&quot;).fadeIn(3000,function(){
$(&quot;#hidval&quot;).val(1);
})
} else {
$(&quot;ul&quot;).fadeOut(3000,function(){
$(&quot;#hidval&quot;).val(0);
})
}
})
});
&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
$(function () {
$(&quot;h4&quot;).bind(&quot;click&quot;, function () {
if ($(&quot;#hidval&quot;).val() == 0) {
$(&quot;ul&quot;).slideUp(function(){
$(&quot;#hidval&quot;).val(1);
})
} else {
$(&quot;ul&quot;).slideDown(function(){
$(&quot;#hidval&quot;).val(0);
})
}
})
});
&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
$(function () {
var $spn = $(&quot;#spnTip&quot;);
$(&quot;h4&quot;).bind(&quot;click&quot;, function () {
$(&quot;ul&quot;).toggle(2000,function(){
$spn.html() == &quot;隐藏&quot; ? $spn.html(&quot;显示&quot;) : $spn.html(&quot;隐藏&quot;);
})
});
});
&lt;/script&gt;
container是容器的意思.
&lt;script type=&quot;text/javascript&quot;&gt;
$(function () {
$(&quot;h4&quot;).bind(&quot;click&quot;, function () {
if ($(&quot;#hidval&quot;).val() == 0){
$(&quot;ul&quot;).show();
$(&quot;#hidval&quot;).val(1);
}
else{
$(&quot;ul&quot;).hide();
$(&quot;#hidval&quot;).val(0);
}
})
});
&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
$(function () {
$(&quot;h4&quot;).bind(&quot;click&quot;, function () {
if ($(&quot;#hidval&quot;).val() == 0) {
$(&quot;ul&quot;).show(&quot;slow&quot;,function(){$(&quot;#hidval&quot;).val(1);})
} else {
$(&quot;ul&quot;).hide(&quot;slow&quot;,function(){
$(&quot;#hidval&quot;).val(0);
})
}
})
});
&lt;/script&gt;
我怎么才能知道参数列表有什么。。。。
课程须知
您需要知道HTML、JavaScript和CSS样式的基础语法,并能使用这些语法构建一个DIV+CSS结构页的完整过程。
老师告诉你能学到什么?
通过本课程的学习,您可以由浅入深地全面了解jQuery框架的基础知识,掌握并使用jQuery操控DOM元素的方法与技巧,深入理解jQuery框架提供的各类API与函数的工作原理和自定义jQuery插件的各项技能。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消