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

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
  • 使用ajaxSetup()方法可以设置Ajax请求的一些全局性选项值(公用的部分),设置完成后,后面的Ajax请求将不需要再添加这些选项值,它的调用格式为: jQuery.ajaxSetup([options])或$.ajaxSetup([options]) 可选项options参数为一个对象,通过该对象设置Ajax请求时的全局选项值。 为什么data不能放到ajaxSetup里面: 调用ajaxSetup()方法是设置的全局,也就是说里面的选项值时固定的初始化的刚开始获取的num:$().val()是没有值的,所以这里的数据是不会变的。设置全局就是为了方便调用ajax()不用重复设置数据(也即是ajax括号里的参数({这里不用重复设置})),但是放在ajax()里就是动态的num,你在输入框输入什么就是什么
    查看全部
  • 使用ajax()方法加载服务器数据 使用ajax()方法是最底层、功能最强大的请求服务器数据的方法,它不仅可以获取服务器返回的数据,还能向服务器发送请求并传递数值,它的调用格式如下: jQuery.ajax([settings])或$.ajax([settings]) 其中参数settings为发送ajax请求时的配置对象,在该对象中,url表示服务器请求的路径,data为请求时传递的数据,dataType为服务器返回的数据类型,success为请求成功的执行的回调函数,type为发送数据请求的方式,默认为get。
    查看全部
  • 使用serialize()方法可以将表单中有name属性的元素值进行序列化,生成标准URL编码文本字符串,直接可用于ajax请求,它的调用格式如下: $(selector).serialize() 其中selector参数是一个或多个表单中的元素或表单元素本身。
    查看全部
  • 与get()方法相比,post()方法多用于以POST方式向服务器发送数据,服务器接收到数据之后,进行处理,并将处理结果返回页面,调用格式如下: $.post(url,[data],[callback]) 参数url为服务器请求地址,可选项data为向服务器请求时发送的数据,可选项callback参数为请求成功后执行的回调函数。
    查看全部
  • 使用get()方法时,采用GET方式向服务器请求数据,并通过方法中回调函数的参数返回请求的数据,它的调用格式如下: 参数格式其实是:$.get( url, [data], [callback], [type] ) 参数url为服务器请求地址,可选项callback参数为请求成功后执行的回调函数。 type是数据格式:type可以是json,也可以是text等之类的类型,具体类型就要看你的url里面对应的是什么类型的内容。
    查看全部
  • 使用getScript()方法异步请求并执行服务器中的JavaScript格式的文件,它的调用格式如下所示: jQuery.getScript(url,[callback])或$.getScript(url,[callback]) 参数url为服务器请求地址,可选项callback参数为请求成功后执行的回调函数。
    查看全部
  • 回调函数里面的操作就是请求服务器响应之后你所做的操作 其中参数data就是服务器返回给你的数据,也就是响应数据 使用getJSON()方法可以通过Ajax异步请求的方式,获取服务器中的数据,并对获取的数据进行解析,显示在页面中,它的调用格式为: jQuery.getJSON(url,[data],[callback])或$.getJSON(url,[data],[callback]) 其中,url参数为请求加载json格式文件的服务器地址,可选项data参数为请求时发送的数据,callback参数为数据请求成功后,执行的回调函数。
    查看全部
  • 使用load()方法通过Ajax请求加载服务器中的数据,并把返回的数据放置到指定的元素中,它的调用格式为: load(url,[data],[callback]) 参数url为加载服务器地址,可选项data参数为请求时发送的数据,callback参数为数据请求成功后,执行的回调函数。
    查看全部
  • <style type="text/css"> #one { position:absolute; left:200px; top:50px; width:80px; height:80px; border: solid 1px #ccc; margin: 0px 8px; background-color: Red; color:White; vertical-align:middle } </style> <body> <div id="one"></div> <input type="button" value="左移" id="btnleft"> <input type="button" value="右移" id="btnright"> <span></span> <script type="text/javascript"> $("#btnleft").bind("click",function(){ $("#one").animate({ left:"-=50px" },2000,function(){ $("span").html("左移完成") }) }); $("#btnright").bind("click",function(){ $("#one").animate({ left:"+=50px" },3000,function(){ $("span").html("右移完成") }) }) </script>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • delay()可以将队列中等待执行的下一个动画延迟指定的时间后才执行。它常用在队列中的两个jQuery效果函数之间,从而在上一个动画效果执行后延迟下一个动画效果的执行时间。 如果下一项不是效果动画,则它不会被加入效果队列中,因此该函数不会对它进行延迟调用。该函数属于jQuery对象(实例)。 delay()方法的功能是设置一个延时值来推迟动画效果的执行,它的调用格式为: $(selector).delay(duration) 其中参数duration为延时值,它的单位是毫秒,当超过延时值时,动画继续执行。
    查看全部
  • stop()方法的功能是在动画完成之前,停止当前正在执行的动画效果,这些效果包括滑动、淡入淡出和自定义的动画,它的调用格式为: $(selector).stop([clearQueue],[goToEnd]) 其中,两个可选项参数clearQueue和goToEnd都是布尔类型值,前者表示是否停止正在执行的动画,后者表示是否完成正在执行的动画,默认为false。 $("span").stop();
    查看全部
  • 调用animate()方法不仅可以制作简单渐渐变大的动画效果,而且还能制作移动位置的动画,在移动位置之前,必须将被移元素的“position”属性值设为“absolute”或“relative”,否则,该元素移动不了。 $("span").animate({ left: '+=100px', height: '+=50px', width: '+=50px', 'border-radius' '+=30px' },3000,function(){ $(this).html("执行完成"); });
    查看全部
  • 调用animate()方法可以创建自定义动画效果,它的调用格式为: $(selector).animate({params},speed,[callback]) 其中,params参数为制作动画效果的CSS属性名与值,speed参数为动画的效果的速度,单位为毫秒,可选项callback参数为动画完成时执行的回调函数名。
    查看全部
  • 在自定义插件时,如果是编写对象级别的,使用jQuery.fn.extend()方法进行功能扩展,而如果是类级别的,则直接使用jQeury.extend()或$.extend()方法。
    查看全部
    0 采集 收起 来源:编程挑战

    2016-07-18

  • 带有定时器 闪烁效果 调用fadeTo()方法,可以将所选择元素的不透明度以淡入淡出的效果调整为指定的值,调用格式为: $(selector).fadeTo(speed,opacity,[callback]) 其中speed参数为效果的速度,opacity参数为指定的不透明值,它的取值范围是0.0~1.0,可选项参数callback为效果完成后,回调的函数名。
    查看全部

举报

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

微信扫码,参与3人拼团

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

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