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

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
  • 选择的是#frmTest的子元素,所以要加空格,不加空格代表#frmTest本身具有:input的属性
    查看全部
  • $("ancestor descendent") 获取父元素下的所有子元素 $("parent > child") 获取父元素下的除去孙辈的子元素 $("previous + next") 仅仅获取previous这个元素的第一个相邻的元素 $("previous ~ sublings") 获取previous这个元素的所有相邻的同辈元素,不包括previous上面的元素 时间
    查看全部
    0 采集 收起 来源:练习题

    2018-03-22

  • 使用prev ~ next选择器,获取<p>元素后面相邻的全部元素,并设置它们在页面中显示的内容,
    查看全部
  • :first过滤选择器可以获取指定父元素中的首个子元素,但该选择器返回的只有一个元素,并不是一个集合,而使用:first-child子元素过滤选择器则可以获取每个父元素中返回的首个子元素,它是一个集合,常用多个集合数据的选择处理。
    查看全部
  • 使用serialize()方法序列化表单元素值 使用serialize()方法可以将表单中有name属性的元素值进行序列化,生成标准URL编码文本字符串,直接可用于ajax请求,它的调用格式如下: $(selector).serialize() 其中selector参数是一个或多个表单中的元素或表单元素本身。 例如,在表单中添加多个元素,点击“序列化”按钮后,调用serialize()方法,将表单元素序列化后的标准URL编码文本字符串显示在页面中 $(function () { $("#btnAction").bind("click", function () { $("#litest").html($("form").serialize()); }) }) 注意: (1)serialize()前的选择器,可以直接选$("form"),会默认取form下的所有带name属性的子元素,而$("ul")是不行的,但可以是$("ul *")。 (2)checkbox标签中如果没有value属性,如选中则会表示<name>=on
    查看全部
  • 使用post()方法以POST方式从服务器发送数据 与get()方法相比,post()方法多用于以POST方式向服务器发送数据,服务器接收到数据之后,进行处理,并将处理结果返回页面,调用格式如下: $.post(url,[data],[callback]) jQuery.post(url,data,success(data, textStatus, jqXHR),dataType) 参数url为服务器请求地址,可选项data为向服务器请求时发送的数据,可选项callback参数为请求成功后执行的回调函数。 例如,在输入框中录入一个数字,点击“检测”按钮,调用post()方法向服务器以POST方式发送请求,检测输入值的奇偶性,并显示在页面中 $(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>"); }); }); }); 注意$.post与$.get参数相同
    查看全部
  • 使用get()方法以GET方式从服务器获取数据 使用get()方法时,采用GET方式向服务器请求数据,并通过方法中回调函数的参数返回请求的数据,它的调用格式如下: $.get(url,[callback]) $(selector).get(url,data,success(response,status,xhr),dataType) 参数url为服务器请求地址,可选项callback参数为请求成功后执行的回调函数。 例如,当点击“加载”按钮时,调用get()方法向服务器中的一个.php文件以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"); }) }); <?php echo json_encode(array("name"=>"土豪","say"=>"咱们叫个朋友吧!")); ?> 注意:$.get()最后有一个dataType的参数"json",如没有该参数jQuery将默认智能判断
    查看全部
  • 使用getScript()方法异步加载并执行js文件 使用getScript()方法异步请求并执行服务器中的JavaScript格式的文件,它的调用格式如下所示: jQuery.getScript(url,[callback])或$.getScript(url,[callback]) jQuery.getScript(url,success(response,status)) 参数url为服务器请求地址,可选项callback参数为请求成功后执行的回调函数。 $(function () { $("#btnShow").bind("click", function () { var $this = $(this); $.getScript("http://www.imooc.com/data/sport_f.js",function() { $this.attr("disabled", "true"); }); }); }); 注意:$.getScript与.load()和$.getJSON不一样,没有data参数。
    查看全部
  • $("#id :text"); //表示在id范围内选择所有的单行文本框
    查看全部
  • has(selector)过滤器 $("li:has('label')").css("background-color", "blue");
    查看全部
  • $("#btntest").bind("click mouseout", function () √ $("#btntest").bind("click" "mouseout", function () ×
    查看全部
  • div>span表示子辈,不包括孙辈 div span表示后代,包括孙辈。
    查看全部
    0 采集 收起 来源:练习题

    2018-03-22

  • :input表单选择器 返回全部的表单元素,不仅包括所有的<input>标记的表单元素,还包括<textarea>、<select>和<button>标记的表单元素,因此,它选择的表单元素是最广的
    查看全部
  • html()方法可以获取元素的HTML内容,因此,原文中的格式代码也被一起获取,而text()方法只是获取元素中的文本内容
    查看全部
  • 使用prev ~ next选择器,获取<p>元素后面相邻的全部元素,并设置它们在页面中显示的内容
    查看全部

举报

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

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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