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

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
  • focus事件在元素获取焦点时触发,如点击文本框时,触发该事件;而blur事件在元素丢失焦点时触发,如点击除文本框的任何元素,都会触发该事件。 $("input").bind("focus",function(){ $("div").html("请输入姓名"); });
    查看全部
  • attr()方法的作用是设置或者返回元素的属性,其中attr(属性名)格式是获取元素属性名的值,attr(属性名,属性值)格式则是设置元素属性名的值。
    查看全部
  • 使用one()方法绑定元素的一次性事件,one()方法可以绑定元素任何有效的事件,但这种方法绑定的事件只触发一次,它的调 用格式如下: $(selector).one(event,fun); $("div").one("click",function(){ $(this).html("被点击的次数"); })
    查看全部
  • fadeIn() fadeOut() 淡入淡出效果
    查看全部
  • 使用unbind()方法可以移除元素已绑定的事件,它的调用格式如下 $(selector).unbind(event,fun); 其中参数event表示需要移除的事件名称,多个事件名称用空格隔开,fun为参数事件执行时调用的函数名称; 例如点击按钮时,使用unbind()方法移除div元素已绑定的事件 先绑定div的单元事件和双击事件,再将单元和双击事件移除代码例: $function(){ $("div").bind("click", function(){ $(this).removeClass("backcolor").addlass("color"); }).bind("dblclick",function(){ $(this).removeClass("color").addClass("backcolor"); }) $("#btntest").bind("click",function(){ $("div").unbind("click dblclick"); $("this").attr("disabled","true"); }) }
    查看全部
  • slideDown() 隐藏元素 slideUp() 显示元素
    查看全部
  • 调用delay()方法延时执行动画效果 delay()方法的功能是设置一个延时值来推迟动画效果的执行,它的调用格式为: $(selector).delay(duration) 其中参数duration为延时值,它的单位是毫秒,当超过延时值时,动画继续执行。
    查看全部
  • 调用stop()方法停止当前所有动画效果 stop()方法的功能是在动画完成之前,停止当前正在执行的动画效果,这些效果包括滑动、淡入淡出和自定义的动画,它的调用格式为: $(selector).stop([clearQueue],[goToEnd]); $(selector).stop( ); 其中,两个可选项参数clearQueue和goToEnd都是布尔类型值,前者表示是否停止正在执行的动画,后者表示是否完成正在执行的动画,默认为false。
    查看全部
  • show(1000,fun) 在1s内显示内容,并执行回调函数fun
    查看全部
  • 调用animate()方法制作移动位置的动画 调用animate()方法不仅可以制作简单渐渐变大的动画效果,而且还能制作移动位置的动画,在移动位置之前,必须将被移元素的“position”属性值设为“absolute”或“relative”,否则,该元素移动不了。
    查看全部
  • show() hide() 显示货隐藏页面中的元素
    查看全部
  • 调用animate()方法制作简单的动画效果 调用animate()方法可以创建自定义动画效果,它的调用格式为: $(selector).animate({params},speed,[callback]) 其中,params参数为制作动画效果的CSS属性名与值,speed参数为动画的效果的速度,单位为毫秒,可选项callback参数为动画完成时执行的回调函数名。
    查看全部
  • 使用toggle()方法绑定多个函数,可以在元素的click事件中绑定两个或者两个以上的函数,同时,它还可以实现元素的隐藏与显示的切换,绑定多个函数的调用格式如下: $(selector).toggle(function1(),function2(),...); 使用toggle()方法,当每次点击div元素时,显示不同内容;例 <div>葡萄</div> <script type="text/javascript"> $function(){ $("div").toggle( function(){ $(this).html("苹果"); }, function(){ $(this).html("香蕉"); }, ) }; </script>
    查看全部
  • 使用fadeTo()方法设置淡入淡出效果的不透明度 调用fadeTo()方法,可以将所选择元素的不透明度以淡入淡出的效果调整为指定的值,该方法的调用格式为: $(selector).fadeTo(speed,opacity,[callback]) 其中speed参数为效果的速度,opacity参数为指定的不透明值,它的取值范围是0.0~1.0,可选项参数callback为效果完成后,回调的函数名。
    查看全部
  • 使用fadeIn()与fadeOut()方法实现淡入淡出效果 fadeIn()和fadeOut()方法可以实现元素的淡入淡出效果,前者淡入隐藏的元素,后者可以淡出可见的元素,它们的调用格式分别为: $(selector).fadeIn(speed,[callback])和$(selector).fadeOut(speed,[callback]) 其中参数speed为淡入淡出的速度,callback参数为完成后执行的回调函数名。
    查看全部

举报

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

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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