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

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
  • :text表单文本选择器可以获取表单中全部“单行的文本输入框”元素,
    查看全部
  • :input 表单选择器,它的功能是返回全部的表单元素,不仅包括所有<input>标记的表单元素,而且还包括<textarea>、<select> 和 <button>标记的表单元素
    查看全部
  • 书写格式千万要注意:#fremTest :radio;要空一格。
    查看全部
  • (转)当动画正在执行时,点击延时,当前的动画不会停止,只有在这一段动画执行完毕,才会执行delay,延长时间结束后才会执行下一个动画。
    查看全部
  • $('selector~’):选择selector选择器之后的所有同辈元素 $('selector1~selector2’):选择selector1选择器之后的所有同辈元素中的,与selector2匹配的元素,即$('selector~’).filter(“selector2”).
    查看全部
  • 两个事件名要使用空格隔开。
    查看全部
  • 与bind()方法相同,live()方法与可以绑定元素的可执行事件,除此相同功能之外,live()方法还可以绑定动态元素,即使用代码添加的元素事件,
    查看全部
  • 首先为div绑定一个事件“change-color”,那么我们首先要了解change-color是什么意思,顾名思义就是选择颜色的意思,当然这个事件是自定义的,也就是为div绑定了一个自定义change-color的自定义事件,那么这个事件什么作用呢,从后面的函数我们可以看到,$(this).addClass("color");就是给这个div添加了一个颜色class类。 当然本身是这个自定义事件本身是没有触发的功能的,所以通过trigger这个方法,就被触发了,所说的手动触发,意思是需要你手动填写一段代码,它才会触发,而不是说你拿着鼠标点那个触发。
    查看全部
  • 内容变量名不需要加引号,元素变量名需要加引号!!
    查看全部
  • A.replaceWith(B)和A.replaceAll(B)方法的作用相同,只是前者是将A替换为B,而后者是将A替换B
    查看全部
    0 采集 收起 来源:替换内容

    2016-05-05

  • html()会解析html标签内容,而text()只能解读文本
    查看全部
  • getJSON()方法异步加载JSON格式数据 getJSON()方法可通过Ajax异步请求的方式,获取服务器中的数据,并对获取的数据进行解析,显示在页面,调用格式: jQuery.getJSON(url,[data],[callback])或$.getJSON(url,[data],[callback]) jQuery.getJSON(url,data,success(data,status,xhr)) 其中,url参数为请求加载json格式文件的服务器地址,可选项data参数为请求时发送的数据,callback参数为数据请求成功后,执行的回调函数。 $(function () { $("#btnShow").bind("click", function () { var $this = $(this); $.getJSON("http://www.imooc.com/data/sport.json",function(data){ //***url也可代入php文件,返回JSON即可*** $this.attr("disabled", "true"); $.each(data, function (key, value) { if(key==3) $("ul").append("<li>" + key + value['name'] + "</li>"); }); }); }) }); 注意: (1)使用getJSON时,格式为jQuery.getJSON或$.getJSON,$是jQuery的简写 (2)$.getJSON中的callback,有一个传递参数,function(data){},该传递参数为解析JSON后的data (3)$.each方法,遍历data,其function有两个传递参数,一个是data的index,一个是data的value,这是5-11中each的另一种使用方法
    查看全部
  • 使用load()方法异步请求数据 使用load()方法通过Ajax请求加载服务器中的数据,并把返回的数据放置到指定的元素中,它的调用格式为: load(url,[data],[callback]) load(url,data,function(response,status,xhr)) 参数url为加载服务器地址,可选项data参数为请求时发送的数据,callback参数为数据请求成功后,执行的回调函数。 $(function () { $("#btnShow").bind("click", function () { var $this = $(this); $("#test") //$("ul") .html("<img src='Images/Loading.gif' alt=''/>") .load("http://www.imooc.com/data/fruit_part.html",function(){ $this.attr("disabled", "true"); }); }) }); 与上面的实例类似,但是以 POST 形式发送附加参数并在成功时显示信息: $("#feeds").load("feeds.php", {limit: 25}, function(){ alert("The last 25 entries in the feed have been loaded"); }); 注意: (1)load将服务器返回的数据返回到指定元素中,.load() 将匹配元素的 HTML 内容设置为返回的数据 (2)this 和 $(this)的区别在于 一个是标签对象 一个是jQuery对象
    查看全部
  • auv
    获取浏览器名称与版本号
    查看全部
  • :first-child子元素过滤选择器 获取每个父元素中返回的首个子元素,它是一个集合,常用多个集合数据的选择处理。 $("li:first-child").css("color","red");
    查看全部

举报

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

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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