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

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
  • 使用cookie插件可方便cookie对象保存,读取,删除用户的信息,通过cookie插件保存用户的浏览记录,格式: 保存:$.cookie(key,value);读取:$.cookie(key);删除:$.cookie(key,null) 参数key为保存cookie对象的名称,value为名称对应的cookie的值
    查看全部
  • $(linkimage).jqzoom({options})方法,显示与小图片相同的大图片区域,从而实现放大镜的效果
    查看全部
  • $("span").animate({ width: "80px", height: "80px" }, 3000, function () { $("#tip").html("执行完成!"); }); 调用animate()方法可以创建自定义动画效果,它的调用格式为: $(selector).animate({params},speed,[callback]) 其中,params参数为制作动画效果的CSS属性名与值,speed参数为动画的效果的速度,单位为毫秒,可选项callback参数为动画完成时执行的回调函数名。 执行效果缓慢出现。
    查看全部
  • $(linkimage)。lightBox({options})可以用圆角方式展示选择中的图片,使用按钮查看上下张图片,在加载图片时自带进度条还能以自动播放的方式浏览图片。 linkinage参数为包含图片的<a>元素名称options为插件方法的配置对象
    查看全部
  • $("span").each(function (index) { switch (index) { case 0: $(this).fadeTo(1000,0.2); break; case 1: $(this).fadeTo(1000,0.5); break; case 2: $(this).fadeTo(1000,0.8); break; } }); 设置图片的不透明度。 fadeTo();
    查看全部
  • $("h4").bind("click", function () { if ($("#hidval").val() == 0) { $("ul").fadeIn(1000,function(){ $("#hidval").val(1); }) } else { $("ul").fadeOut(1000,function(){ $("#hidval").val(0); }) } }) 淡入淡出就是 出现消失。字体。 fadeIn()和fadeOut()方法可以实现元素的淡入淡出效果,前者淡入隐藏的元素,后者可以淡出可见的元素,它们的调用格式分别为: $(selector).fadeIn(speed,[callback])和$(selector).fadeOut(speed,[callback])
    查看全部
  • $("ul").slideToggle(1000,function(){ $spn.html() == "向下滑" ? $spn.html("向上滑") : $spn.html("向下滑"); }) slideToggle() 也可以实现 动画效果。
    查看全部
  • $("h4").bind("click", function () { if ($("#hidval").val() == 0) { $("ul").slideUp(500,function() { $("#hidval").val(1); }) } else { $("ul").slideDown(1000,function(){ $("#hidval").val(0); }) } }) 可以使用slideUp()和slideDown()方法在页面中滑动元素,前者用于向上滑动元素,后者用于向下滑动元素,它们的调用方法分别为: $(selector).slideUp(speed,[callback])和$(selector).slideDown(speed,[callback]) 其中speed参数为滑动时的速度,单位是毫秒,可选项参数callback为滑动成功后执行的回调函数名。 要注意的是:slideDown()仅适用于被隐藏的元素;slideup()则相反。
    查看全部
  • $("h4").bind("click", function () { $("ul").toggle("slow",function(){ $spn.html() == "隐藏" ? $spn.html("显示") : $spn.html("隐藏"); }) }); 调用toggle()方法就可以很容易做到,即如果元素处于显示状态,调用该方法则隐藏该元素,反之,则显示该元素,它的调用格式是: $(selector).toggle(speed,[callback]) 其中speed参数为动画效果时的速度值,可以为数字,单位为毫秒,也可是“fast”、“slow”字符,可选项参数callback为方法执行成功后回调的函数名称。
    查看全部
  • $("h4").bind("click", function () { if ($("#hidval").val() == 0) { $("ul").show(3000,function(){ $("#hidval").val(1); }) } else { $("ul").hide("slow",function(){ $("#hidval").val(0); }) } }) }); 制作动画效果缓慢出现或缓慢收回
    查看全部
  • $("h4").bind("click", function () { if ($("#hidval").val() == 0) { $("ul").show() $("#hidval").val(1); } else { $("ul").hide() $("#hidval").val(0); } 显示
    查看全部
  • $("#btntest").live("mouseout", function () { $(this).attr("disabled", "true"); }) $("body").append("<input id='btntest' type='button' value='点击或移出就不可用了' />"); 不常用
    查看全部
  • $("#seltest").bind("change", function () { if ($(this).val() == "苹果") $(this).css("background-color", "red"); else $(this).css("background-color", "green"); }) 注意书写格式
    查看全部
  • $("input") .bind("focus", function () { $("div").html("请输入您的姓名!"); }) $("input").bind("blur", function () { if ($(this).val().length == 0) $("div").html("你的名称不能为空!"); }) blur focus
    查看全部
  • $("div").bind("change-color", function () { $(this).addClass("color"); }); $("div").trigger("change-color"); 手动触发就是手动添加发生事件
    查看全部

举报

0/150
提交
取消
课程须知
您需要知道HTML、JavaScript和CSS样式的基础语法,并能使用这些语法构建一个DIV+CSS结构页的完整过程。
老师告诉你能学到什么?
通过本课程的学习,您可以由浅入深地全面了解jQuery框架的基础知识,掌握并使用jQuery操控DOM元素的方法与技巧,深入理解jQuery框架提供的各类API与函数的工作原理和自定义jQuery插件的各项技能。

微信扫码,参与3人拼团

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

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