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

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
  • $(function () { $("#jqzoom").jqzoom({ //绑定图片放大插件jqzoom zoomWidth: 250, //小图片所选区域的宽 zoomHeight: 250, //小图片所选区域的高 zoomType: 'reverse' //设置放大镜的类型 }); }); 图片放大镜插件:$("linkimage")jqzoom({options})
    查看全部
  • hover()方法的功能是当鼠标移到所选元素上时,执行方法中的第一个函数,鼠标移出时,执行方法中的第二个函数,实现事件的切实效果,调用格式如下: $(selector).hover(over,out); over参数为移到所选元素上触发的函数,out参数为移出元素时触发的函数
    查看全部
  • 图片灯箱插件---$("linkimage").lightBox({ options }) 该插件可以用圆角的方式展示选择中的图片,使用按钮查看上下张图片,在加载图片时自带进度条,还能以自动播放的方式浏览图片。 调用格式如下:$(linkimage).lightBox({options}) 其中linkimage参数为包含图片的<a>元素名称,options为插件方法的配置对象。
    查看全部
  • bind()方法绑定元素的事件非常方便,绑定前,需要知道被绑定的元素名,绑定的事件名称,事件中执行的函数内容就可以,它的绑定格式如下: $(selector).bind(event,[data] function) 参数event为事件名称,多个事件名称用空格隔开 $("#btntest").bind("click mouseout", function () √ $("#btntest").bind("click" "mouseout", function () × function为事件执行的函数。
    查看全部
  • 页面加载时触发ready()事件: ready()事件类似于onLoad()事件,但前者只要页面的DOM结构加载后便触发,而后者必须在页面全部元素加载成功才触发,ready()可以写多个,按顺序执行。此外,下列写法是相等的: $(document).ready(function(){})等价于$(function(){});
    查看全部
  • remove()方法删除所选元素本身和子元素,该方法可以通过添加过滤参数指定需要删除的某些元素 empty()方法则只删除所选元素的子元素。
    查看全部
  • wrap()和wrapInner()方法都可以进行元素的包裹,但前者用于包裹元素本身,后者则用于包裹元素中的内容,它们的调用格式分别为: $(selector).wrap(wrapper)和$(selector).wrapInner(wrapper) 参数selector为被包裹的元素,wrapper参数为包裹元素的格式。[比如粗体,斜体啊,又或者是一个带有不一样样式的div]
    查看全部
  • 替换内容 $(selector).replaceWith(content)和$(content).replaceAll(selector) 参数selector为被替换的元素,content为替换的内容。 $(".green").replaceWith($html); $($html).replaceAll(".green"); 注意:replaceWith()和replaceAll()不同
    查看全部
    0 采集 收起 来源:替换内容

    2018-03-22

  • 调用stop()方法停止当前所有动画效果 stop()方法的功能是在动画完成之前,停止当前正在执行的动画效果,这些效果包括滑动、淡入淡出和自定义的动画,它的调用格式为: $(selector).stop([clearQueue],[goToEnd]) 其中,两个可选项参数clearQueue和goToEnd都是布尔类型值,前者表示是否停止正在执行的动画,后者表示是否完成正在执行的动画,默认为false。
    查看全部
  • var $html = "<span class='red'>兄弟。</span>" $(".green").after($html);注意括号内的变量是不需要加引号的 总结:只有元素和原有的标签要加引号,其他的比如自定义的变量和函数都不需要加引号。
    查看全部
  • 调用animate()方法制作移动位置的动画 调用animate()方法不仅可以制作简单渐渐变大的动画效果,而且还能制作移动位置的动画,在移动位置之前,必须将被移元素的“position”属性值设为“absolute”或“relative”,否则,该元素移动不了。
    查看全部
  • append()中添加的可以是字符、Html元素标记和一个返回字符串内容的函数。 返回函数时,只要在括号中写入函数名就可以了,不需要加引号。
    查看全部
  • 调用animate()方法制作简单的动画效果 调用animate()方法可以创建自定义动画效果,它的调用格式为: $(selector).animate({params},speed,[callback]) 其中,params参数为制作动画效果的CSS属性名与值,speed参数为动画的效果的速度,单位为毫秒,可选项callback参数为动画完成时执行的回调函数名。
    查看全部
  • $("#content").css({"background-color":"red","color":"white"}); 等价于在style.css里面先设置一个样式为.red{background-color:Red;color:White;} 然后选择$("#content").addClass("red");同理
    查看全部
  • 如果指定的是当前的元素,则不用空格,如果是子元素,则需要加上空格表示后代选择器。
    查看全部
    0 采集 收起 来源:练习题

    2016-07-17

举报

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

微信扫码,参与3人拼团

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

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