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

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
  • <script type="text/javascript"> $(function () { $.ajaxSetup({ dataType:'text',method:'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" }); }) }); </script>
    查看全部
  • <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script> <title>挑战题</title> </head> <body> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>...</li> <li >6</li> <li >7</li> <li>8</li> <li><a onMouseover=h();>more</a></li> </ul> <script> var hi=$("li:hidden"); function h() { if($("a").html()=="more") { hi.fadeIn(1000); $("li:eq(5)").hide(); $("a").html("cut"); } else { hi.hide(); $("li:eq(5)").fadeIn(1000); $("a").html("more"); } } </script> </body>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • <script type="text/javascript"> $(function () { $("#btnCheck").bind("click", function () { $.ajax({ url:"http://www.imooc.com/data/check.php", data: { num: $("#txtNumber").val() }, dataType:"text", method:'post', success: function (data) { $("ul").append("<li>你输入的<b> " + $("#txtNumber").val() + " </b>是<b> " + data + " </b></li>"); } }); }) }); </script>
    查看全部
  • :contains('text')通过包含字符串获取元素标签
    查看全部
  • $.post("http://www.imooc.com/data/check_f.php",{ num:$("#txtNumber").val() }, 要注意标点符号啊
    查看全部
  • 要使页面中的元素(element)以动画效果移动,必须首先将该元素的“position”属性设置成为“relative”或“absolute”.
    查看全部
    0 采集 收起 来源:编程练习

    2016-05-09

  • <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <style> .fl{float: left;} .fr{float: right;} ul{list-style: none;} </style> </head> <body> <div id="divtest"> <div class="title"> <span class="fl">我要看的文章</span> </div> <ul> </ul> <span class="fl"> <input id="butShow" type="button" value="查看更多" /> </span> </div> <script type="text/javascript"> $(function () { $.getJSON("file:///E:/article.json",function(data){ $.each(data, function (index, article) { if(index<=3){ $("ul").append("<li>" + article["title"] + "</li>"); }});}); $("#butShow").bind("click",function(){ var linum=$("ul li").length; $.getJSON("file:///E:/article.json",function(data){ $.each(data, function (index, article) { if(linum<=index&&index<=3+linum){ $("ul").append("<li>" + article["title"] + "</li>"); } }); }); }) }); </script> </body> </html>
    查看全部
  • 通过调用工具函数$.param()可以将一个对象进行序列化并编码成可以在地址栏中直接执行的URL字符串。
    查看全部
    0 采集 收起 来源:URL操作函数

    2016-05-09

  • delay()是对下一项设置延迟
    查看全部
  • 另外,属性值中的‘’单引号可以不写,由于属性名与属性值是等号,因此,它们之间不是包含关系,而是完全相同。
    查看全部
  • val() 是jquery中的一个方法,作用是用来获取一个输入框的值的。包括下拉框,多选框和单选框。
    查看全部
  • 调用元素对象的toggle()无参数方法,如果元素显示,则隐藏,否则,就显示。
    查看全部
  • 使用toggle()方法绑定多个函数 toggle()方法可以在元素的click事件中绑定两个或两个以上的函数,同时,它还可以实现元素的隐藏和显示的切换 $(selector).toggle(fun1(),fun2(),fun3(),..)
    查看全部
  • $(input).attr("disabled",true); $(form *).attr("disabled","true"); *号前要加空格
    查看全部
  • target : String(可选参数)更新到服务器响应的元素标识符,这个值可以指定为一个JQUERY选择器字符串,一个JQUERY对象,或一个DOM元素。 url : String(可选参数)将要提交form数据URL,默认值:form动作属性。 type : String(可选参数)'get' 或 'post',override for form's 'method' attribute clearForm : boolean(可选参数) true,提交成功后清除表单所有字段
    查看全部

举报

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

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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