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

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
  • 子一代选择器 $("parent>child")
    查看全部
  • 分层选择器 $("ance desc")
    查看全部
    0 采集 收起 来源:ance desc选择器

    2018-03-22

  • sele1,sele2,seleN选择器 $("sele1,sele2,seleN") 相当于CSS分组选择器
    查看全部
  • $("*") $("form *").attr("disabled", "true"); //form元素下所有子元素 注意:从此看出$("")内的选择器格式与CSS选择器格式大概是一致的。
    查看全部
  • 与get()方法相比,post()方法多用于以POST方式向服务器发送数据,服务器接收到数据之后,进行处理,并将处理结果返回页面,调用格式如下: $.post(url,[data],[callback]) 参数url为服务器请求地址,可选项data为向服务器请求时发送的数据,可选项callback参数为请求成功后执行的回调函数。
    查看全部
  • jquery本身就是javascript,只不是把javascript包装成拿过来就能实现特定功能的代码库
    查看全部
    0 采集 收起 来源:jQuery初体验

    2016-04-20

  • $("#frmTest :input").addClass("bg_blue"); #frmTest和 :input之间有一个空格
    查看全部
  • <body> <ul> <li>aaa</li> <li>bbb</li> <li>ccc</li> <li>ddd</li> <li>eee</li> <li >1</li> <li >2</li> <li >3</li> <li >4</li> <li >5</li> <li >6</li> </ul> <a href="javascript:change()" id="a">更多</a> <script type="text/javascript"> function change(){ if($("a").html()=="更多"){ $("a").html("简化"); $("li:gt(4)").show();//选择从第5个元素以后的所有元素 }else{ $("a").html("更多"); $("li:gt(4)").hide(); } } </script> </body>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • .class 选择器 $(".class") 注意:这跟CSS中类选择器极为相似 <style type="text/css"> .red{color:red;} </style> <div class="red">我穿红衣了</div> <script type="text/javascript"> $(".red").html("你好"); </script>
    查看全部
  • <!DOCTYPE html><br> <html><br> <head><br> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br> <title>挑战题</title><br> <style><br> .no{display:none;}<br> </style><br> </head><br> <body><br> <ul><br> <li>1</li><br> <li>2</li><br> <li>3</li><br> <li>4</li><br> <li class="no">5</li><br> <li class="no">6</li><br> <li>7</li><br> </ul><br> <a>更多</a><br> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script><br> <script><br> $("a").click(function(){<br> var text = $("a").html()<br> if(text == "更多"){<br> $("a").html("简化");<br> $("li[class='no']").show();<br> }else{<br> $("a").html("更多");<br> $("li[class='no']").hide();<br> }<br> });<br> </script><br> </body><br> </html>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 使用html()和text()方法操作元素的内容,当两个方法的参数为空时,表示获取该元素的内容,而如果方法中包含参数,则表示将参数值设置为元素内容。 html()方法可以获取元素的HTML内容,因此,原文中的格式代码也被一起获取,而text()方法只是获取元素中的文本内容,并不包含HTML格式代码
    查看全部
  • <script type="text/javascript"> $(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>"); } }); }) }); </script> ajax.Start ajax.Stop绑定的元素是要改变内容的元素,不是一定是发生事件的元素
    查看全部
    0 采集 收起 来源:练习题

    2018-03-22

  • 通过attr()方法可以方便地获取和设置元素中指定属性名称的内容,并将获取的内容通过html()方法显示在页面中。 $("#a1").attr("href","www.imooc.com"); var $url = $("#a1").attr("href"); $("#tip").html($url); attr()方法的作用是设置或者返回元素的属性,其中attr(属性名)格式是获取元素属性名的值,attr(属性名,属性值)格式则是设置元素属性名的值。
    查看全部
  • element 选择器: $("element") $("div").css("font-weight","bold"); $("button").attr("disabled","true"); 注意:这跟CSS中标签选择器是极为相像的
    查看全部
  • 使用get()方法时,采用GET方式向服务器请求数据,并通过方法中回调函数的参数返回请求的数据,它的调用格式如下: $.get(url,[callback]) 参数url为服务器请求地址,可选项callback参数为请求成功后执行的回调函数。
    查看全部

举报

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

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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