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

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
  • appendTo()方法也可以向指定的元素内插入内容
    查看全部
  • $("Element").attr(name) '取得第一个匹配的属性值,比如$("img").attr("src") $("Element".attr(key,value)") '某一个元素设置属性 $("Element".attr({key:value,key1:value,....})) ‘为某个元素一次性设置多个属性 $("Element").attr(key,function) '为所有匹配的元素设置一个计算的属性值。 $("Element").removeAttr(name)//移除某一个属性 设置单个属性例: $("img").attr("src","test.jpg"); 设置多个属性例 $("img").attr({ src: "test.jpg", alt: "Test Image"});
    查看全部
  • 使用ajaxSetup()方法设置全局Ajax默认选项 使用ajaxSetup()方法可以设置Ajax请求的一些全局性选项值,设置完成后,后面的Ajax请求将不需要再添加这些选项值,它的调用格式为: jQuery.ajaxSetup([options])或$.ajaxSetup([options]) 可选项options参数为一个对象,通过该对象设置Ajax请求时的全局选项值。 例如,先调用ajaxSetup()方法设置全局的Ajax选项值,再点击两个按钮,分别使用ajax()方法请求不同的服务器数据,并将数据内容显示在页面 $(function () { $.ajaxSetup({ type:"POST", 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" }); }) }); 注意:$.ajaxSetup()的作用就是为$.ajax设置配置,令使用$.ajax时可以直接使用url一个参数来使用。
    查看全部
  • :checked可以获取所有<radio>单选框、<checkbox>复选框、<select>下拉列表框中全部被选取的元素; :selected只能获取<select>下拉列表框中状态为选中的<option>选项元素
    查看全部
  • 配置对象很丰富,show(),hide()设置弹出和隐藏的效果,有effect属性。position设置出现的位置。
    查看全部
  • $(":button")选择器能获取且只能获取"type"属性值为"button"的<input>元素与<button>元素的普通按钮,不能获取到"type"属性值为"submit"的<input>提交按钮
    查看全部
  • 1.一个form中只能有一个"type"属性值为"submit"的的提交按钮 2.submit选择器会选取类型为 submit 的 <input>和<button>元素 若<button>没有定义类型,多数浏览器会默认其为submit类型的按钮,当使用jQuery的$("form :submit")时会选取到button按钮。 $("form input:submit")则只会选取到<input>元素中type为submit的按钮
    查看全部
  • $(function () { $("h4").bind("click", function () { if ($("#hidval").val() == 0) { $("ul").fadeIn(3000,function(){ $("#hidval").val(1); }) } else { $("ul").fadeOut(3000,function() { $("#hidval").val(0); }) } }) });
    查看全部
  • 使用ajax()方法加载服务器数据 使用ajax()方法是最底层、功能最强大的请求服务器数据的方法,它不仅可以获取服务器返回的数据,还能向服务器发送请求并传递数值,它的调用格式如下: jQuery.ajax([settings])或$.ajax([settings]) 其中参数settings为发送ajax请求时的配置对象,在该对象中,url表示服务器请求的路径,data为请求时传递的数据,dataType为服务器返回的数据类型,success为请求成功的执行的回调函数,type为发送数据请求的方式,默认为get。 例如,点击页面中的“加载”按钮,调用ajax()方法向服务器请求加载一个txt文件,并将返回的文件中的内容显示在页面 $(function () { $("#btnCheck").bind("click", function () { $.ajax({ type:"POST", url:"http://www.imooc.com/data/check.php", data: { num: $("#txtNumber").val() }, dataType:"text", success: function (data) { $("ul").append("<li>你输入的<b> "+ $("#txtNumber").val() + " </b>是<b> "+ data + " </b></li>"); }, error:function(XHR){ alert("发生错误:"+XHR.status); } }); }); }); 注意Ajax课程5-1
    查看全部
  • $(“element”) 其中element就是元素的名称,通过元素名找到元素就可以对它进行操作了。
    查看全部
  • $()就是jQuery中的函数,它的功能是获得()中指定的标签元素。如示例中$(“p”)会得到一组P标签元素,其中“p”表示CSS中的标签选择器。$()中的()不一定是指定元素,也可能是函数。 在jQuery中 $()方法等价于jQuery()方法,前者比较常用,是后者的简写。一般只有在$()与其它语言冲突时才会使用jQuery()
    查看全部
    0 采集 收起 来源:jQuery初体验

    2016-05-07

  • $(a).web(b);a可以是元素名称,或者id选择器或者是类选择器名称。web为html时则是为html添加内容b(b为空时则是获取a的内容),当web为css则b为a这个对像设置某种属性如: $("p").css("color","red")
    查看全部
  • thefakeworld <!DOCTYPE html> <html> <head> <title>.class选择器</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="red">立正,向我这边看齐</div> <div class="green">我先歇歇脚</div> <script type="text/javascript"> var $redHTML = $(".red").html(); $(".green").html($redHTML); </script> </body> </html> [ 收起全文 ]
    查看全部
  • attr(a,b)中a为属性名,b为属性值,而css(c,d)中c为样式的属性名,d为样式中的属性值,如:<input type="password" >,a为"type",b为"password",c为"border",d为"1px solid red"。
    查看全部
  • 坐标方向axis的值只能是小写的x或者y,且必须加双引号。不设置的默认就是xy都可以移动
    查看全部

举报

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

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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