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

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
  • addClass()相当于在原有样式名称基础上添加className=""; css()相当于style.propety="";
    查看全部
  • css()方法和addClass方法用法类似,只是需要去设置具体样式了。
    查看全部
  • ajaxStart()方法用于在Ajax请求发出前触发函数,ajaxStop()方法用于在Ajax请求完成后触发函数。调用格式: $(selector).ajaxStart(function())和$(selector).ajaxStop(function()) $(function () { $("#divload").ajaxStart(function(){ $(this).html("正在请求数据..."); }); $("#divload").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请求将不需要再添加这些选项值,使用ajaxSetup()方法设置了全局性的配置选项后,在两次调用ajax请求服务器文件时,只需要设置url地址即可。 $(function () { $.ajaxSetup({ type:"post", 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" }); }) });
    查看全部
  • :toggle()方法支持目前主流稳定的jQuery版本1.8.2,在1.9.0之后的版本是不支持的。
    查看全部
  • 使用ajax()方法加载服务器数据 $.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>"); } }); }) });
    查看全部
  • 从图中可以看出,html()方法可以获取元素的HTML内容,因此,原文中的格式代码也被一起获取,而text()方法只是获取元素中的文本内容,并不包含HTML格式代码,所以它显示的内容并没有变“歪”。 html()相当于innerHTML 保留html格式; text()相当于textNode 只获取文本内容。
    查看全部
  • :first与:first-child 1,li:first是将所有的同一个body里的li做排列,再取出第一个,所以只取到一个li; 2,li:first-child是讲同一个body里的li的父元素ul做排列,并在每个父元素中取出第一个li,所以取出一个li数组.
    查看全部
  • $(select).hover( function(){ $(this)...执行体 }, function(){ $(this)...执行体 } ) 相当于 js 中 onmouseover 与 onmouseout
    查看全部
  • 使用$("li[title!='我最爱']")属性选择器,获取的<li>元素,或者是是不包含title属性名,或者是title属性值不等于“我最爱”.
    查看全部
  • 使用post()方法以POST方式从服务器发送数据 $.post(url,[data],[callback]) $(function () { $("#btnCheck").bind("click", function () { $.post("http://www.imooc.com/data/check_f.php",{num:$("#txtNumber").val()},function (data) { $("ul").append("<li>你输入的<b> " + $("#txtNumber").val() + " </b>是<b> " + data + " </b></li>"); }); }) });
    查看全部
  • slideDown()仅适用于被隐藏的元素;slideup()则相反。
    查看全部
  • 布尔值 将.attr("disabled","true")改为.attr("disabled",true)。后边的布尔值加了引号之后变为字符串,对于前边的disable属性来讲就是永远为真。当去掉引号之后即变为布尔值,开始进行判断
    查看全部
  • 使用get()方法以GET方式从服务器获取数据 $(function () { $("#btnShow").bind("click", function () { var $this = $(this); $.get("http://www.imooc.com/data/info_f.php",function(data) { $this.attr("disabled", "true"); $("ul").append("<li>我的名字叫:" + data.name + "</li>"); $("ul").append("<li>男朋友对我说:" + data.say + "</li>"); }, "json"); }) });
    查看全部
  • 使用getScript()方法异步加载并执行js文件 $(function () { $("#btnShow").bind("click", function () { var $this = $(this); $.getScript("http://www.imooc.com/data/sport_f.js",function() { $this.attr("disabled", "true"); }); }) });
    查看全部

举报

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

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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