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

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
  • 调用animate()方法不仅可以制作简单渐渐变大的动画效果,而且还能制作移动位置的动画,在移动位置之前,必须将被移元素的“position”属性值设为“absolute”或“relative”,否则,该元素移动不了。
    查看全部
  • li:contains('土豪') 土豪为什么必须加单引号呢?因为它是一个字符串,而不是一个变量,所以不加单或双引号的话是会报错的。
    查看全部
  • 本节三个知识点: 1、 $("#frmTest :radio")//提取表单中的单选按钮 2、 .attr("disabled","true")//设置该元素为不可用 3、 .hide()//隐藏
    查看全部
  • $.ajaxSetup(( url:"http://www.imooc.com/data/check.php", data: {num:$("#txtNumber").val()}, dataType:"text", type: "post", success:function(data){ $("ul").append("<li>你输入的<b> " + $("#txtNumber").val() + " </b>是<b> " + data + " </b></li>"); } });
    查看全部
  • 代码: <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>
    查看全部
  • ajaxStart()和ajaxStop()方法是绑定Ajax事件。ajaxStart()方法用于在Ajax请求发出前触发函数,ajaxStop()方法用于在Ajax请求完成后触发函数。它们的调用格式为: $(selector).ajaxStart(function())和$(selector).ajaxStop(function()) 其中,两个方法中括号都是绑定的函数,当发送Ajax请求前执行ajaxStart()方法绑定的函数,请求成功后,执行ajaxStop ()方法绑定的函数。
    查看全部
  • 9.使用ajaxStart()和ajaxStop()方法 ajaxStart()和ajaxStop()方法是绑定Ajax事件。ajaxStart()方法用于在Ajax请求发出前触发函数,ajaxStop()方法用于在Ajax请求完成后触发函数。它们的调用格式为: $(selector).ajaxStart(function())和$(selector).ajaxStop(function()) 其中,两个方法中括号都是绑定的函数,当发送Ajax请求前执行ajaxStart()方法绑定的函数,请求成功后,执行ajaxStop ()方法绑定的函数。 例如,在调用ajax()方法请求服务器数据前,使用动画显示正在加载中,当请求成功后,该动画自动隐藏
    查看全部
  • dialog事件 beforeclose 类型dialogbeforeclose , 当dialog尝试关闭的时候此事件将被触发,如果返回false,那么关闭将被阻止。 初始化例:$('.selector').dialog({ beforeclose: function(event, ui) { ... } //event:beforeclose事件 ui:弹出的对话框交互界面 }); 2.13 使用类型绑定此事件例:$('.selector').bind('dialogbeforeclose', function(event, ui) { ... }); close 类型:dialogclose ,当dialog被关闭后触发此事件。 初始化例:$('.selector').dialog({ close: function(event, ui) { ... } }); 使用类型绑定此事件例:$('.selector').bind('dialogclose', function(event, ui) { ... }); open 类型:dialogopen ,当dialog打开时触发。(篇幅有限,该省略的就省略了啊,初始化例和使用类型绑定事件可以向上参考。) focus 类型:dialogfocus ,当dialog获得焦点时触发。 dragStart 类型:dragStart,当dialog拖动开始时触发。 drag 类型:drag ,当dialog被拖动时触发。 dragStop 类型:dragStop ,当dialog拖动完成时触发。 resizeStart 类型:resizeStart ,当dialog开始改变窗体大小时触发。 resize 类型:resize,当dialog被改变大小时触发。 resizeStop 类型:resizeStop,当改变完大小时触发。
    查看全部
  • $(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" }); }) }); 缺什么补什么
    查看全部
  • p~next
    查看全部
  • prev + next 表示紧邻的一个元素<br> prev ~ siblings 表示紧邻后面的全部元素
    查看全部
  • 过滤选择器$("element:eq(index)")获取一组相同元素中第index个元素,从0开始算;<br> 如果index是一个不确定的数值,则$("element:eq("+index+")")
    查看全部
  • >表示一级. 例如:div >label 就是右侧的两个label div label 表示所有label div>p>label表示p下的label
    查看全部
  • prev ~ siblings选择器 与prev + next层次选择器相同,prev ~ siblings选择器也是查找prev 元素之后的相邻元素,但前者只获取第一个相邻的元素,而后者则获取prev 元素后面全部相邻的元素,它的调用格式如下:$(“prev ~ siblings”) “~”符号形成一种层次相邻的关系,表明siblings选择器获取的元素都是prev元素之后的同辈元素。
    查看全部
  • 代码: <script type="text/javascript"> $(function () { $.ajaxSetup({ tataType:"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" }); }) }); </script>
    查看全部

举报

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

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

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