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

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
还有就是写完代码,点击一下提交.它就会保存了,然后再刷新就行
如果 chrome 浏览器刷新的话, 你的代码会消失掉. 所以你需要在刷新之前复制你的代码,然后刷新完毕粘贴就可以看到效果了.
var data = [
{"name":"ehazon", "age":22}
];
$(data).each( function(index,xc){
$("ul").append("<li>"+xc.name+" "+xc.age+"</li>");

})
别忘了加这个 <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
var $strHTML = $("input").val();
$("input:hidden");
$("div").html($strHTML);
鼠标滑过显示,移除隐藏,挺适合做导航栏的
$(function () {
$("h4").hover( function () {
if ($("#hidval").val() == 0) {
$("ul").show();
$("#hidval").val(1);
} else {
$("ul").hide();
$("#hidval").val(0);
}
});
});
jQuery的代码确实简单,相当于集成过后的JS,JS写一个运动框架很麻烦,这个真是简单。站在前人的肩膀上真是有幸
$("ul"
.html("<img src='Images/Loading.gif' alt=''/>")
.load("http://www.imooc.com/data/fruit_part.html",
function(){
$this.attr("disabled", "true");
});
})
$("a").click(function(){
if($(this).html()=="更多"){
$(this).html("简化");
$("li").show();
}else{
$(this).html("更多");
$("li[style]").css("display","none");
}
})
$("div").toggle(
做导航栏的特效,可以用纯css,也可以jquery
(selector).html().load()两个方法之间不能有逗号或者分号
<div style="position:absolute;">111</div>
课程须知
您需要知道HTML、JavaScript和CSS样式的基础语法,并能使用这些语法构建一个DIV+CSS结构页的完整过程。
老师告诉你能学到什么?
通过本课程的学习,您可以由浅入深地全面了解jQuery框架的基础知识,掌握并使用jQuery操控DOM元素的方法与技巧,深入理解jQuery框架提供的各类API与函数的工作原理和自定义jQuery插件的各项技能。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消