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

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
  • $("li:first")过滤选择器
    查看全部
  • 可以使用slideUp()和slideDown()方法在页面中滑动元素,前者用于向上滑动元素,后者用于向下滑动元素,它们的调用方法分别为: $(selector).slideUp(speed,[callback])和$(selector).slideDown(speed,[callback]) 其中speed参数为滑动时的速度,单位是毫秒,可选项参数callback为滑动成功后执行的回调函数名。 $(function(){ $("h4").bind("click",function(){ if($("#hidval").val()==0){ $("ul").slideUp(1000,function(){ $("#hidval").val(1); }) }else{ $("ul").slideDown(1000,function(){ $("#hidval").val(0); }) } }) })
    查看全部
  • fadeIn()和fadeOut()方法可以实现元素的淡入淡出效果,前者淡入隐藏的元素,后者可以淡出可见的元素,它们的调用格式分别为:<br> $(selector).fadeIn(speed,[callback])和$(selector).fadeOut(speed,[callback]) 其中参数speed为淡入淡出的速度,callback参数为完成后执行的回调函数名。 $(function(){ var $hid = $("#hidval"); $("h4").bind("click",function(){ $("li:eq(1)").css({"color":"red"}); if($hid.val()==0){ $("ul").fadeIn(1000,function(){ $hid.val(1); }) }else{ $("ul").fadeOut(1000,function(){ $hid.val(0); }) } }) })
    查看全部
  • 使用slideToggle()方法可以切换slideUp()和slideDown(),即调用该方法时,如果元素已向上滑动,则元素自动向下滑动,反之,则元素自动向上滑动,格式为: $(selector).slideToggle(speed,[callback]) 其中speed参数为动画效果时的速度值,可以为数字,单位为毫秒,也可是“fast”、“slow”字符,可选项参数callback为方法执行成功后回调的函数名称。
    查看全部
  • $(function(){ var $spn = $("#spnTip"); $("h4").bind("click",function(){ $("ul").slideToggle(1000,function(){ $spn.html()=="向下滑" ? $spn.html("向上滑") : $spn.html("向上滑"); }) }) })
    查看全部
  • 可以使用slideUp()和slideDown()方法在页面中滑动元素,前者用于向上滑动元素,后者用于向下滑动元素,它们的调用方法分别为: $(selector).slideUp(speed,[callback])和$(selector).slideDown(speed,[callback]) 其中speed参数为滑动时的速度,单位是毫秒,可选项参数callback为滑动成功后执行的回调函数名。 $(function(){ $("h4").bind("click",function(){ if($("#hidval").val()==0){ $("ul").slideUp(1000,function(){ $("#hidval").val(1); }) }else{ $("ul").slideDown(1000,function(){ $("#hidval").val(0); }) } }) })
    查看全部
  • $(function () { var $spn = $("#spnTip"); $("h4").bind("click", function () { $("ul").toggle(1000,function(){ $spn.html() == "隐藏" ? $spn.html("显示") : $spn.html("隐藏"); }) }); });
    查看全部
  • <link href="style.css" rel="stylesheet" type="text/css"/>
    查看全部
    0 采集 收起 来源:环境搭建

    2018-03-22

  • 可随意扩展li个数,随机隐藏
    查看全部
    0 采集 收起 来源:编程练习

    2016-04-28

  • return false 是为了兼容火狐 至于为虾米就不清楚了 首先,通过选择器获取需要弹出对话框的页面元素,本示例中该元素为Id号为“dialog-modal”的指定元素,然后,通过该元素再调用dialog()方法。 在dialog()方法中,通过“buttons”属性设置弹出对话框中按钮的显示文本和点击时执行的代码,通过“open”属性设置弹出对话框中显示的内容。
    查看全部
  • 绑定多个事件时候是在 “”里面的多个事件用空格隔开!
    查看全部
  • 导入<link href="http://www.imooc.com/data/jquery-ui.css" rel="stylesheet" type="text/css" /> 首先,通过选择器获取Id号为“accordion”的元素,然后,根据该元素,调用accordion()方法实现面板的折叠效果。
    查看全部
  • 首先,在sortable()方法的配置对象中添加“delay”属性,该属性表示拖曳后,延时放置的时间,通常设置为2秒,此属性可以防止点击时事件冲突。 其次,在sortable()方法的配置对象中添加“opacity”属性,该属性表示拖曳元素时,元素本身的透明度值,此属性值时一个百分比小数。
    查看全部
  • #test{ display:none; width:120px; height:50px; border:1px solid blue; }
    查看全部
    0 采集 收起 来源:环境搭建

    2016-04-27

  • :first过滤选择器可以获取指定父元素中的首个子元素,但该选择器返回的只有一个元素,并不是一个集合,而使用:first-child子元素过滤选择器则可以获取每个父元素中返回的首个子元素,它是一个集合,常用多个集合数据的选择处理。
    查看全部

举报

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

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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