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

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
$("#1").bind("click",function(){
$("span").animate({ left: "-=100px"},"slow",function(){})
})
$("#2").bind("click",function(){
$("span").animate({ left: "+=100px"},"slow",function(){})
})
</script>
头文件的css<style type="text/css">
span
{
position:absolute;
width:80px;
height:80px;
border: solid 1px #ccc;
margin: 0px 8px;
background-color: Red;
color:White;
vertical-align:middle
}
</style>
$(function () {
$("span").animate({
left: "+=100px"
}, 3000, function () {
$("span").animate({
height: '+=30px',
width: '+=30px'
}, 3000, function () {
$("#tip").html("执行完成!");
});
});
});
$(function () {
$("span").animate({
width: "80px",
height: "80px"
},
3000, function () {
$("#tip").html("执行完成!");
});
});
</script>
真的好多大神,有的评论让我茅塞顿开啊 ,还比较有趣,然我感觉有种站在巨人肩膀上一样的感觉,多谢各位网友
能检测对象是否为通过{}或new Object()关键字创建的原始对象
可惜只能指定第五个的id局限性比较大
<body>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li id=5>5</li>
<li style="display:none" >隐藏的</li>
<a>更多</a>
</ul>
<script type="text/javascript">
$("a").click( function ()
{
if($("a").html() == "更多")
{
$("li:hidden").show();
$("a").html("简化");
}
else if($("a").html() == "简化")
{
$("li:visible").hide();
$("#5").show();
}


});
</script>
</body>
$("#frmTest :test").addClass("bg_blue");错在哪?
真狠啊,这次连个html都不给了+4
完全是小学时期经常做的语文题目:找不同。要不是看评论,真不知道b和d有啥区别。
js比较难,jQuery简化了js
HBuilder 预览的时候就能够有内置的服务器
课程须知
您需要知道HTML、JavaScript和CSS样式的基础语法,并能使用这些语法构建一个DIV+CSS结构页的完整过程。
老师告诉你能学到什么?
通过本课程的学习,您可以由浅入深地全面了解jQuery框架的基础知识,掌握并使用jQuery操控DOM元素的方法与技巧,深入理解jQuery框架提供的各类API与函数的工作原理和自定义jQuery插件的各项技能。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消