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

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
  • appendTo()方法向指定的元素内插入内容,它的使用格式是: $(content).appendTo(selector) 参数content表示需要插入的内容,可以是自己定义的变量插入,也可以是用选择器选择一个元素标签插入,参数selector表示被选的元素,即把content内容插入selector元素内 注意:默认是插入在这个selector的尾部
    查看全部
  • append(content)方法的功能是向指定的元素中追加内容 被追加的content参数可以是字符、HTML元素标记,还可以是一个返回字符串内容的函数
    查看全部
  • $(function(){ var students=[ {name: "xx",sex: "男",age: "30"}, {name: "yy",sex: "女",age: "26"}, {name: "zz",sex: "不详",age: "5"} ]; $.each(students,function(index,stu){ $("#stuList").append("<li><pre>姓名:"+stu.name+" | 性别:"+stu.sex+" | 年龄:"+stu.age+"</pre></li>"); }); });
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 异步加载页面,$(selector).load("url地址"),设置全局ajax请求的方法,$.ajaxSetup([options]),option为选项参数,可用函数替代
    查看全部
    0 采集 收起 来源:练习题

    2018-03-22

  • ajaxStart()和ajaxStop()方法是绑定Ajax事件。ajaxStart()方法用于在Ajax请求发出前触发函数,ajaxStop()方法用于在Ajax请求完成后触发函数。它们的调用格式为: $(selector).ajaxStart(function())和$(selector).ajaxStop(function()) 其中,两个方法中括号都是绑定的函数,当发送Ajax请求前执行ajaxStart()方法绑定的函数,请求成功后,执行ajaxStop ()方法绑定的函数。 $(function () { $("fl").ajaxStart(function(){ $(this).html("正在请求数据..."); }); $("fl").ajaxStop(function(){ $(this).html("数据请求完成!"); }); $("#btnShow").bind("click", function () { var $this = $(this); $.ajax({ url: "http://www.imooc.com/data/info_f.php", dataType: "json", success: function (data) { $this.attr("disabled", "true"); $("ul").append("<li>我的名字叫:" + data.name + "</li>"); $("ul").append("<li>男朋友对我说:" + data.say + "</li>"); } }); }) });
    查看全部
  • 使用ajaxSetup()方法可以设置Ajax请求的一些全局性选项值,设置完成后,后面的Ajax请求将不需要再添加这些选项值,它的调用格式为: jQuery.ajaxSetup([options])或$.ajaxSetup([options]) 可选项options参数为一个对象,通过该对象设置Ajax请求时的全局选项值。 $(function () { $.ajaxSetup({ dataType: "text", success: function(data){ $("ul").append("<li>你输入的<b> " + $("#txtNumber").val() + " </b>是<b> " + data + " </b></li>"); } }); $("#btnShow_1").bind("click", function () { $.ajax({ data: { num: $("#txtNumber").val() }, url: "http://www.imooc.com/data/check.php" }); }) $("#btnShow_2").bind("click", function () { $.ajax({ data: { num: $("#txtNumber").val() }, url: "http://www.imooc.com/data/check_f.php" }); }) });
    查看全部
  • 使用ajax()方法是最底层、功能最强大的请求服务器数据的方法,它不仅可以获取服务器返回的数据,还能向服务器发送请求并传递数值,它的调用格式如下: jQuery.ajax([settings])或$.ajax([settings]) 其中参数settings为发送ajax请求时的配置对象,在该对象中,url表示服务器请求的路径,data为请求时传递的数据,dataType为服务器返回的数据类型,success为请求成功的执行的回调函数,type为发送数据请求的方式,默认为get。 $(function () { $("#btnCheck").bind("click", function () { $.ajax({ url:"http://www.imooc.com/data/check.php", data: { num: $("#txtNumber").val() }, type:"post", success: function (data) { $("ul").append("<li>你输入的<b> " + $("#txtNumber").val() + " </b>是<b> " + data + " </b></li>"); } }); }) });
    查看全部
  • 简单版
    查看全部
    0 采集 收起 来源:编程练习

    2014-12-03

  • 使用serialize()方法可以将表单中有name属性的元素值进行序列化,生成标准URL编码文本字符串,直接可用于ajax请求,它的调用格式如下: $(selector).serialize() 其中selector参数是一个或多个表单中的元素或表单元素本身。 $(function () { $("#btnAction").bind("click", function () { $("#litest").html($("form").serialize()) }) })
    查看全部
  • 在页面中有三个<div>元素,采用jQuery中的链式写法,隐藏第二个<div>元素 $("div:eq(1)").hide();
    查看全部
    0 采集 收起 来源:练习题

    2018-03-22

  • :last-child子元素过滤选择器的功能是获取每个父元素中返回的最后一个子元素,它也是一个集合,常用多个集合数据的选择处理。
    查看全部
  • :first-child子元素过滤选择器则可以获取每个父元素中返回的首个子元素,它是一个集合,常用多个集合数据的选择处理。
    查看全部
  • 面板折叠插件——accordion 面板折叠插件可以实现页面中指定区域类似“手风琴”的折叠效果,即点击标题时展开内容,再点另一标题时,关闭已展开的内容,调用格式如下: $(selector).accordion({options}); 其中,参数selector为整个面板元素,options参数为方法对应的配置对象。
    查看全部
  • 拖曳排序插件——sortable 拖曳排序插件的功能是将序列元素(例如<option>、<li>)按任意位置进行拖曳从而形成一个新的元素序列,实现拖曳排序的功能,它的调用格式为: $(selector).sortable({options});
    查看全部
  • [attribute*=value],它可以获取属性值中包含指定内容的全部元素
    查看全部

举报

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

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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