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

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
  • toggle()方法在不同的jQuery库版本中的功能不同,新版本中可以实现动画效果的切换 $(selector).toggle(speed,[callback]) speed可以是毫秒,也可以是fast slow 字符 $("ul").toggle("fast", function(){ $spn.html() == "隐藏" ? $spn.html("显示") : $spn.html("隐藏"); })
    查看全部
  • show()和hide()方法中增加“speed”参数可以实现动画效果的显示与隐藏,同时,如果添加了方法的回调函数,它将在显示或隐藏执行成功后被调用 例如:$("ul").show(1500, function(){ $("#hidval").val(1); })
    查看全部
  • JoV
    使用ajaxStart()和ajaxStop()方法 ajaxStart()和ajaxStop()方法是绑定Ajax事件。ajaxStart()方法用于在Ajax请求发出前触发函数,ajaxStop()方法用于在Ajax请求完成后触发函数。它们的调用格式为: $(selector).ajaxStart(function())和$(selector).ajaxStop(function()) 其中,两个方法中括号都是绑定的函数,当发送Ajax请求前执行ajaxStart()方法绑定的函数,请求成功后,执行ajaxStop ()方法绑定的函数。
    查看全部
  • hover()方法 切换事件 hover()方法的功能是当鼠标移到所选元素上时,执行方法中的第一个函数,鼠标移出时,执行方法中的第二个函数,实现事件的切实效果,调用格式如下: $(selector).hover(over,out); over参数为移到所选元素上触发的函数,out参数为移出元素时触发的函数。
    查看全部
  • JoV
    使用ajaxSetup()方法设置全局Ajax默认选项 使用ajaxSetup()方法可以设置Ajax请求的一些全局性选项值,设置完成后,后面的Ajax请求将不需要再添加这些选项值,它的调用格式为: jQuery.ajaxSetup([options])或$.ajaxSetup([options]) 可选项options参数为一个对象,通过该对象设置Ajax请求时的全局选项值。 调用ajaxSetup()方法设置全局性Ajax配置项时,如果向服务器发送数据,需要设置将type属性值设置为“POST”,同时,需要添加回调函数success。 “ajaxSetup()”书写是否正确,大小写需要区分。
    查看全部
  • bind()方法 绑定元素的事件 bind()方法绑定元素的事件,绑定前,需要知道被绑定的元素名,绑定的事件名称,事件中执行的函数内容,绑定格式: $(selector).bind(event,[data] function) 参数event为事件名称,多个事件名称用空格隔开,function为事件执行的函数。
    查看全部
  • 使用ajaxSetup()方法设置全局Ajax默认选项 使用ajaxSetup()方法可以设置Ajax请求的一些全局性选项值,设置完成后,后面的Ajax请求将不需要再添加这些选项值,它的调用格式为: jQuery.ajaxSetup([options])或$.ajaxSetup([options])
    查看全部
  • ready()事件 页面加载时触发 ready()事件类似于onLoad()事件,但前者只要页面的DOM结构加载后便触发,而后者必须在页面全部元素加载成功才触发,ready()可以写多个,按顺序执行 $(document).ready(function(){})等价于$(function(){});
    查看全部
  • remove()和empty()方法 删除元素 remove()方法删除所选元素本身和子元素,该方法可以通过添加过滤参数指定需要删除的某些元素, empty()方法只删除所选元素的子元素。
    查看全部
  • each()方法 遍历元素 遍历指定的元素集合,在遍历时,通过回调函数返回遍历元素的序列号,调用格式为: $(selector).each(function(index)) 参数function为遍历时的回调函数,index为遍历元素的序列号,它从0开始。
    查看全部
  • 使用ajax()方法加载服务器数据 使用ajax()方法是最底层、功能最强大的请求服务器数据的方法,它不仅可以获取服务器返回的数据,还能向服务器发送请求并传递数值,它的调用格式如下: jQuery.ajax([settings])或$.ajax([settings]) 其中参数settings为发送ajax请求时的配置对象,在该对象中,url表示服务器请求的路径,data为请求时传递的数据,dataType为服务器返回的数据类型,success为请求成功的执行的回调函数,type为发送数据请求的方式,默认为get。 例如,点击页面中的“加载”按钮,调用ajax()方法向服务器请求加载一个txt文件,并将返回的文件中的内容显示在页面,如下图所示: 在浏览器中显示的效果: 从图中可以看出,当点击“加载”按钮时,调用$.ajax()方法请求服务器中txt文件,当请求成功时调用success回调函数,获取传回的数据,并显示在页面中。 任务 我来试试,亲自调用$.ajax()方法检测输入值的奇偶性 下列代码的第25、27行中,设置$.ajax()方法中的配置对象,检测输入值的奇偶性,并将检测后的结果显示在页面中。请使用POST方式发送请求。 注:url为 http://www.imooc.com/data/check.php
    查看全部
  • wrap()和wrapInner()方法 包裹元素和内容 进行元素的包裹,但前者用于包裹元素本身,后者则用于包裹元素中的内容, 调用格式分别为: $(selector).wrap(wrapper)和$(selector).wrapInner(wrapper) 参数selector为被包裹的元素,wrapper参数为包裹元素的格式。
    查看全部
  • replaceWith()和replaceAll()方法 替换元素或元素中的内容 调用格式: $(selector).replaceWith(content)和$(content).replaceAll(selector) 参数selector为被替换的元素,content为替换的内容。
    查看全部
    0 采集 收起 来源:替换内容

    2014-12-05

  • clone()方法 复制元素 生成一个被选元素的副本,即复制了一个被选元素,包含它的节点、文本和属性,调用格式为: $(selector).clone() 其中参数selector可以是一个元素或HTML内容。
    查看全部
  • before()和after() 在整个元素的前面和后面插入指定的元素或内容,调用格式分别为: $(selector).before(content)和$(selector).after(content) 其中参数content表示插入的内容,该内容可以是元素或HTML字符串。
    查看全部

举报

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

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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