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

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
$spn.html() == "隐藏" ? $spn.html("显示") : $spn.html("隐藏");
这个三元元素很巧,很不错。
$("#seltest").bind("change",function () {
if ($(this).val() == "苹果"){
$(this).css("background-color", "red");
}else{
$(this).css("background-color", "green");
}
})
$(function () {
$("div").bind("change-color", function () {
$(this).addClass("color");
});
$("h3").click(function(){
$("div").trigger("change-color");
})
});
$(function () {
var intI = 0;
$("div").one("click", function () {
intI++;
alert(intI)
})
});
要加一句: type:"post",默认为"get",不然怎样都是偶数= =
$("body").append(rethtml());
被移元素的“position”属性值设为“absolute”
$("a").click(function(){
if($("a").html()=="更多")
{$("a").html("简化");}
else
{$("a").html("更多");}
$("li:eq(5)~li").toggle();
});
$(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("执行完成!");
});
});
调用fadeTo()方法,可以将所选择元素的不透明度以淡入淡出的效果调整为指定的值,最后停留在你设置的值,如果设为0,就是消失了
$(function () {
$("h4").bind("click", function () {
if ($("#hidval").val() == 0) {
$("ul").fadeIn(3000,function() {
$("#hidval").val(1);
})
} else {
$("ul").fadeOut(1000,function() {
$("#hidval").val(0);
})
}
})
});
淡出效果是框框先出现,在慢慢出现字;而slide效果,所谓滑动,就是框框和字一起滑下来。不同场合适应不同的方式。个人觉得滑出效果比较适合导航,淡出效果适用于一个模块的出现。
$(function () {
var $spn = $("#spnTip");
$("h4").bind("click", function () {
$("ul").slideToggle(1000,function() {
// $spn.html() == "向下滑" ? $spn.html("向上滑") : $spn.html("向下滑");
})
})
});
相当于自己就判定val==1 or 0
$(function () {
var $spn = $("#spnTip");
$("h4").bind("click", function () {
$("ul").toggle(1000,function(){
$spn.html() == "隐藏" ? $spn.html("显示") : $spn.html("隐藏");
})
});
});
课程须知
您需要知道HTML、JavaScript和CSS样式的基础语法,并能使用这些语法构建一个DIV+CSS结构页的完整过程。
老师告诉你能学到什么?
通过本课程的学习,您可以由浅入深地全面了解jQuery框架的基础知识,掌握并使用jQuery操控DOM元素的方法与技巧,深入理解jQuery框架提供的各类API与函数的工作原理和自定义jQuery插件的各项技能。

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消