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

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
  • 在jQuery中,通过$.browser对象可以获取浏览器的名称和版本信息,如$.browser.chrome为true,表示当前为Chrome浏览器,$.browser.mozilla为true,表示当前为火狐浏览器,还可以通过$.browser.version方式获取浏览器版本信息。
    查看全部
  • toggle()方法可以在元素的click事件中绑定两个或两个以上的函数,它还可以实现元素的隐藏与显示的切换格式: $(selector).toggle(fun1(),fun2().funN()...)
    查看全部
  • $(selector).hover(over,out)功能是当鼠标移到所选元素上时,执行over(函数),鼠标一处时,执行out
    查看全部
  • bind()方法绑定元素的事件非常方便,绑定前,需要知道被绑定的元素名,绑定的事件名称,事件中执行的函数内容就可以,格式: $(selector).bind(event,[data] function) 参数event为事件名称,多个事件名称用空格隔开function为事件的执行函数
    查看全部
  • ready()只要DOM结构加载后便触发,onLoad()事件必须在页面全部元素加载成功才触发 ready()写多个,按顺序执行 $(document).ready(function(){})等价于$(function(){})
    查看全部
  • $()是jQuery中的函数,最最常用的
    查看全部
    0 采集 收起 来源:jQuery初体验

    2016-04-29

  • 回头再看
    查看全部
    0 采集 收起 来源:编程练习

    2016-04-29

  • $(元素).after/before(内容) //在元素的后面/前面插入内容 $(内容).appendTo(元素) //把内容添加到元素
    查看全部
  • 调用fadeTo()方法,可以将所选择元素的不透明度以淡入淡出的效果调整为指定的值,该方法的调用格式为:<br> <br> $(selector).fadeTo(speed,opacity,[callback])<br> <br> 其中speed参数为效果的速度,opacity参数为指定的不透明值,它的取值范围是0.0~1.0,可选项参数callback为效果完成后,回调的函数名。 1.在使用each()方法遍历<span>元素时,$(this)就是遍历时的单个<span>元素,因此,可以通过$(this)方法访问遍历时的单个元素
    查看全部
  • fadeIn()和fadeOut()方法可以实现元素的淡入淡出效果,前者淡入隐藏的元素,后者可以淡出可见的元素,它们的调用格式分别为: $(selector).fadeIn(speed,[callback])和$(selector).fadeOut(speed,[callback]) 其中参数speed为淡入淡出的速度,callback参数为完成后执行的回调函数名。
    查看全部
  • 使用slideToggle()方法实现图片“变脸”效果 使用slideToggle()方法可以切换slideUp()和slideDown(),即调用该方法时,如果元素已向上滑动,则元素自动向下滑动,反之,则元素自动向上滑动,格式为: $(selector).slideToggle(speed,[callback]) 其中speed参数为动画效果时的速度值,可以为数字,单位为毫秒,也可是“fast”、“slow”字符,可选项参数callback为方法执行成功后回调的函数名称。
    查看全部
  • ready()事件类似于onLoad()事件,但前者只要页面的DOM结构加载后便触发,而后者必须在页面全部元素加载成功才触发,ready()可以写多个,按顺序执行。此外,下列写法是相等的: $(document).ready(function(){})等价于$(function(){});
    查看全部
  • 工具提示插件——tooltip 工具提示插件可以定制元素的提示外观,提示内容支持变量、Ajax远程获取,还可以自定义提示内容显示的位置 $(function () { $("#name").tooltip({ show: { effect: "slideDown", delay: 350 }, hide: { effect: "explode", delay: 350 }, position: { my: "left top", at: "left bottom" } }); });
    查看全部
  • 除了containment和axis还有其他效果: addClasses: 设置是否添加ui-draggable样式. appendTo: 设置追加到什么地方 axis: 设置拖动的方向 cancel, handle: 设置控制整个控件拖动动作的区域, cancel指定区域不能拖动, handle指定区域控制控件拖动. connectToSortable: 需要和sortable集成. containment: 设置控件可拖动范围 cursor, cursorAt: 设置拖动过程中, 鼠标的样式及相对空间自身的位置. delay, distance: 设置拖动的延迟, delay设置延迟时间, distance设置延迟距离, 目的是防止误点击带来的不期望拖动. grid: 设置拖动过程移动的单位(以小格的方式移动) helper: 设置拖动过程中, 跟随鼠标移动的组件. iframeFix: 解决拖动过程中与iframe层叠后的事件问题. opacity: 拖动过程helper的不透明度. refreshPositions: 设置后drop过程中, 鼠标每次移动都会计算位置. revert, revertDuration: 设置撤销移动相关. scope: 设定draggable的域, 用来和droppable结合使用时确定可放入的目标. scroll, scrollSensitivity, scrollSpeed: 设置拖动过程中带来的滚动条相关问题. snap, snapMode, snapTolerance: 设置吸附的相关属性. stack, zIndex: 设置控件的层次. 源自 http://www.jquerycn.cn/a_6150
    查看全部
  • 文本框的focus和blur事件 focus事件在元素获取焦点时触发,如点击文本框时,触发该事件;而blur事件则在元素丢失焦点时触发,如点击除文本框的任何元素,都会触发该事件。
    查看全部

举报

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

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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