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

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
  • 数执行思路stop(是否停止,是否完成)传参布尔值。两者默认是false
    查看全部
  • $("pre~silbings")和$("pre+next")的区别: 前者:可以找到pre元素的所有同级(兄弟)siblings元素,即使这些siblings没有紧紧相邻,只要是同级即可。 后者:只能找到pre元素的紧紧相邻的next元素,如果pre和next之间间隔别的元素,则找不到next
    查看全部
  • 调用animate()方法制作移动位置的动画 调用animate()方法不仅可以制作简单渐渐变大的动画效果,而且还能制作移动位置的动画,在移动位置之前,必须将被移元素的“position”属性值设为“absolute”或“relative”,否则,该元素移动不了。
    查看全部
  • ancestor descendent 取得父元素下的所有子元素 parent>child 取得父元素下的除去孙辈的子元素 previous+next 取得previous这个元素的下一个元素。 上面三个取得的元素范围越来越小。
    查看全部
  • 隐藏显示的切换: 1,$("ul").toggle(); 2,if ($("#hidval").val() == 0) { $("ul").show(); $("#hidval").val(1); } else { $("ul").hide() $("#hidval").val(0); } <script type="text/javascript"> $(function () { $("h4").bind("click", function () { // $("ul").toggle(); if ($("#hidval").val() == 0) { $("ul").show(); $("#hidval").val(1); } else { $("ul").hide() $("#hidval").val(0); } }); }); </script>
    查看全部
  • 调用animate()方法制作移动位置的动画 调用animate()方法不仅可以制作简单渐渐变大的动画效果,而且还能制作移动位置的动画,在移动位置之前,必须将被移元素的“position”属性值设为“absolute”或“relative”,否则,该元素移动不了。
    查看全部
  • 调用animate()方法制作简单的动画效果 调用animate()方法可以创建自定义动画效果,它的调用格式为: $(selector).animate({params},speed,[callback]) 其中,params参数为制作动画效果的CSS属性名与值,speed参数为动画的效果的速度,单位为毫秒,可选项callback参数为动画完成时执行的回调函数名。
    查看全部
  • 使用each()方法遍历元素 使用each()方法可以遍历指定的元素集合,在遍历时,通过回调函数返回遍历元素的序列号,它的调用格式为: $(selector).each(function(index))
    查看全部
  • 使用fadeTo()方法设置淡入淡出效果的不透明度 调用fadeTo()方法,可以将所选择元素的不透明度以淡入淡出的效果调整为指定的值,该方法的调用格式为: $(selector).fadeTo(speed,opacity,[callback]) 其中speed参数为效果的速度,opacity参数为指定的不透明值,它的取值范围是0.0~1.0,可选项参数callback为效果完成后,回调的函数名。
    查看全部
  • $(selector).hover(over,out); over和out需要同时写上
    查看全部
  • fadeIn&fadeOut是淡入淡出,改变的是透明度,show&hide是显示和隐藏,改变的是宽度和高度,像瀑布式的
    查看全部
  • 使用slideUp()和slideDown()方法的滑动效果 可以使用slideUp()和slideDown()方法在页面中滑动元素,前者用于向上滑动元素,后者用于向下滑动元素,它们的调用方法分别为: $(selector).slideUp(speed,[callback])和$(selector).slideDown(speed,[callback]) 其中speed参数为滑动时的速度,单位是毫秒,可选项参数callback为滑动成功后执行的回调函数名。 要注意的是:slideDown()仅适用于被隐藏的元素;slideup()则相反。
    查看全部
  • live()方法还可以绑定动态元素,即使用代码添加的元素事件,格式如下: $(selector).live(event,[data],fun) 虽然按钮元素是在事件绑定声明之后,并且是通过追加的方式添加至页面的,但由于使用的是live()方法绑定元素的事件,因此,仍然生效。 注意:从 jQuery 1.7 开始,不再建议使用 .live() 方法。1.9不支持.live(),本节代码编辑器里的js引用版本改为了1.8。
    查看全部
  • show()方法只是显示出隐藏的元素; hide() 方法只是隐藏可见的元素; toggle() 方法切换元素的可见状态, 如果被选元素可见,则隐藏这些元素,如果被选元素隐藏,则显示这些元素; slideDown()方法以滑动方式显示隐藏的元素; slideUp()方法以滑动方式隐藏的元素; slideToggle()方法通过使用滑动效果,在显示和隐藏状态之间切换 元素。
    查看全部
  • 调用toggle()方法实现动画切换效果 第一节我们学过实现元素的显示与隐藏需要使用hide()与show(),那么有没有更简便的方法来实现同样的动画效果呢? 调用toggle()方法就可以很容易做到,即如果元素处于显示状态,调用该方法则隐藏该元素,反之,则显示该元素,它的调用格式是: $(selector).toggle(speed,[callback]) 其中speed参数为动画效果时的速度值,可以为数字,单位为毫秒,也可是“fast”、“slow”字符,可选项参数callback为方法执行成功后回调的函数名称。
    查看全部

举报

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

微信扫码,参与3人拼团

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

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