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

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
  • unbind(),当没有参数时,移除所有事件处理程序;当只有事件参数时,移出该事件所有处理程序;当既有事件又有函数时,移出该事件的该处理程序
    查看全部
  • toggle()方法可以在元素的click事件中绑定两个或两个以上的函数,同时,它还可以实现元素的隐藏与显示的切换(无参数),绑定多个函数的调用格式如下:$(selector).toggle(fun1(),fun2(),funN(),...) 每次点击元素时,都依次执行toggle()方法绑定的函数(点击一次,执行一个函数,再点击,执行下一个),当执行到最后一个函数时,再次点击将又返回执行第一个函数。 注意:toggle()方法支持目前主流稳定的jQuery版本1.8.2,在1.9.0之后的版本是不支持的。
    查看全部
  • hover在进入和移出的瞬间触发.over和out的集成
    查看全部
  • replaceWith()和replaceAll()方法都可以用于替换元素或元素中的内容,但它们调用时,内容和被替换元素所在的位置不同,分别为如下所示: $(selector).replaceWith(content)和$(content).replaceAll(selector) 参数selector为被替换的元素,content为替换的内容。
    查看全部
    0 采集 收起 来源:替换内容

    2016-04-07

  • $("父辈 子辈") //(关系)亲 长辈与晚辈 $("父辈>子辈") //(关系)亲 父与子 与上一个比定位更精确 $("兄+弟") //(关系)亲 兄弟 找出一个弟弟 $("兄~弟") //(关系)亲 兄弟 找出多个弟弟
    查看全部
    0 采集 收起 来源:练习题

    2018-03-22

  • ready()事件类似于onLoad()事件但前者只要页面的DOM结构加载后便触发而后者必须在页面全部元素加载成功才触发ready()可以写多个按顺序执行
    查看全部
  • ajaxStart()和ajaxStop()方法是绑定Ajax事件。ajaxStart()方法用于在Ajax请求发出前触发函数,ajaxStop()方法用于在Ajax请求完成后触发函数。它们的调用格式为: $(selector).ajaxStart(function())和$(selector).ajaxStop(function()) 其中,两个方法中括号都是绑定的函数,当发送Ajax请求前执行ajaxStart()方法绑定的函数,请求成功后,执行ajaxStop ()方法绑定的函数。 $("img").ajaxStart(function(){$(this).show();}); $("img").ajaxStop(function(){$(this).hide();}); 分别在ajax执行之前和执行之后执行
    查看全部
  • $(function () { $("#btnCheck").bind("click", function () { $.ajax({ url:"http://www.imooc.com/data/check.php", data: { num: $("#txtNumber").val() }, type:"post", success: function (data) { $("ul").append("<li>你输入的<b> " + $("#txtNumber").val() + " </b>是<b> " + data + " </b></li>"); } }); }) });
    查看全部
  • 使用ajaxSetup()方法可以设置Ajax请求的一些全局性选项值,设置完成后,后面的Ajax请求将不需要再添加这些选项值,它的调用格式为: jQuery.ajaxSetup([options])或$.ajaxSetup([options]) 可选项options参数为一个对象,通过该对象设置Ajax请求时的全局选项值。 $.ajaxSetup({ url:"aaa.php", dataType:"text",}); 然后再后面的ajax请求时 $.ajax({ success:function(data){ $("ul").append(data);});
    查看全部
  • 使用ajax()方法是最底层、功能最强大的请求服务器数据的方法,它不仅可以获取服务器返回的数据,还能向服务器发送请求并传递数值,它的调用格式如下: jQuery.ajax([settings])或$.ajax([settings]) 其中参数settings为发送ajax请求时的配置对象,在该对象中,url表示服务器请求的路径,data为请求时传递的数据,dataType为服务器返回的数据类型,success为请求成功的执行的回调函数,type为发送数据请求的方式,默认为get。 $.ajax({ url:"aaa.php", data:{num:$("#txtnum").val()}, dataType:"text", success:function(data){ $("ul").append("<li>你输入的数字是"+data+"</li>"); });
    查看全部
  • removeAttr(name)和removeClass(class)分别可以实现移除元素的属性和样式的功能,前者方法中参数表示移除属性名,后者方法中参数则表示移除的样式名
    查看全部
  • 使用serialize()方法可以将表单中有name属性的元素值进行序列化,生成标准URL编码文本字符串,直接可用于ajax请求,它的调用格式如下: $(selector).serialize() 其中selector参数是一个或多个表单中的元素或表单元素本身 $("form").serialize(); 根据先后顺序显示各个表单元素的name····
    查看全部
  • addClass()和css()方法可以方便地操作元素中的样式,前者括号中的参数为增加元素的样式名称,后者直接将样式的属性内容写在括号中。
    查看全部
  • post()方法多用于以POST方式向服务器发送数据,服务器接收到数据之后,进行处理,并将处理结果返回页面,调用格式如下: $.post(url,[data],[callback]) 参数url为服务器请求地址,可选项data为向服务器请求时发送的数据,可选项callback参数为请求成功后执行的回调函数。 $.post("jisuan.php",{num:$("#txtnum").val()},function(data){ $("ul").append("<li>你输入的数字"+$("#txtnum").val()+"是"+data+"</li>"); }); 这是获本页面中输入的数字然后通过post方法post到jisuan.php页面,通过计算,然后返回计算值data,然后输入在本页面中
    查看全部
  • 其中attr(属性名)格式是获取元素属性名的值,attr(属性名,属性值)格式则是设置元素属性名的值。
    查看全部

举报

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

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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