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

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
  • 调用animal()方法可以创建自定义动画效果, $(selector).animal({params},speed,[callback]) params参数为制作动画效果的css属性名与值,speed为动画的效果的速度,单位为毫秒,可选项callback为动画完成后执行的回调函数名
    查看全部
  • <script type="text/javascript"> $(function () { $("#btnShow").bind("click", function () { var $this = $(this); $.getScript("http://www.imooc.com/data/sport_f.js",function() { $this.attr("disabled", "true"); }); }) }); </script> 如果把$(this)换成$("#btntest")会每点击一次按钮就出现散步一次,可以出现N多次,那为什么用this就不会出现这种情况,只能出现一次就好了呢?
    查看全部
  • 本节开始,我们将介绍层次性选择器。 在实际应用开发中,常常是多个元素嵌套在一起,形成复杂的层次关系,通过层次选择器,可以快速定位某一层次的一个或多个元素,ance desc选择器就是其中之一,它的调用格式如下: $("ance desc") 其中ance desc是使用空格隔开的两个参数。ance参数(ancestor祖先的简写)表示父元素;desc参数(descendant后代的简写)表示后代元素,即包括子元素、孙元素等等。两个参数都可以通过选择器来获取。比如家族姓氏“div”,家族几代人里,都有名字里带“span”的,就可以用这个ance desc选择器把这几个人给定位出来。
    查看全部
    0 采集 收起 来源:ance desc选择器

    2018-03-22

  • :last-child子元素过滤选择器 与:first-child子元素过滤选择器功能相反,:last-child子元素过滤选择器的功能是获取每个父元素中返回的最后一个子元素,它也是一个集合,常用多个集合数据的选择处理。 $("li:last-child").css("background-color", "blue");
    查看全部
  • :first-child子元素过滤选择器 使用:first-child子元素过滤选择器则可以获取每个父元素中返回的首个子元素,它是一个集合,常用多个集合数据的选择处理。 $("li:first-child").css("background-color", "green");
    查看全部
  • 如何使用show方法以3秒的速度显示一个id号为test的div元素,代码为: $("#test").show(3000);
    查看全部
    0 采集 收起 来源:练习题

    2018-03-22

  • sele1,sele2,seleN选择器 有时需要精确的选择任意多个指定的元素,类似于从文具盒中挑选出多根自已喜欢的笔,就需要调用sele1,sele2,seleN选择器,它的调用格式如下: $(“sele1,sele2,seleN”) 其中参数sele1、sele2到seleN为有效选择器,每个选择器之间用“,”号隔开,它们可以是之前提及的各种类型选择器,如$(“#id”)、$(“.class”)、$(“selector”)选择器等。 例如,通过选择器获取其中的任意两个元素,并将它们显示的内容设为相同,如图所示:
    查看全部
  • 不要忘记function后面的data
    查看全部
  • [attribute*=value]属性选择器 它可以获取属性值中包含指定内容的全部元素,其中[]是专用于属性选择器的括号符,参数attribute表示属性名称,value参数表示对应的属性值。 $("li[title*='果']").css("background-color", "green");
    查看全部
  • [attribute!=value]属性选择器 与上一节介绍的[attribute=value]属性选择器正好相反,[attribute!=value]属性选择器的功能是获取不包含属性名,或者与属性名和属性值不相同的全部元素,其中[]是专用于属性选择器的括号符,参数attribute表示属性名称,value参数表示属性值。 $("li[title!='蔬菜']").css("background-color", "green");
    查看全部
  • [attribute=value]属性选择器 $("li[title='蔬菜']").css("background-color", "green");
    查看全部
  • 搜索插件的功能是通过插件的autocomplete()方法与文本框相绑定,当文本框输入字符时,绑定后的插件将返回与字符相近的字符串提示选择,调用格式如下: $(textbox).autocomplete(urlData,[options]); 其中,textbox参数为文本框元素名称,urlData为插件返回的相近字符串数据,可选项参数options为调用插件方法时的配置对象。 * result (handler)<br> 此事件会在用户选中某一项后触发,参数为:<br> event: 事件对象. event.type为result.<br> data: 选中的数据行.<br> formatted:formatResult函数返回的值<br> 例如:<br> $("#singleBirdRemote").result(function(event, data, formatted) {<br> //如选择后给其他控件赋值,触发别的事件等等<br> });
    查看全部
  • linkimage是具体的图片标签,如练习题中的是$("a").lightbox({options})
    查看全部
  • 搜索插件的功能是通过插件的autocomplete()方法与文本框相绑定,当文本框输入字符时,绑定后的插件将返回与字符相近的字符串提示选择,调用格式如下: $(textbox).autocomplete(urlData,[options]); 其中,textbox参数为文本框元素名称,urlData为插件返回的相近字符串数据,可选项参数options为调用插件方法时的配置对象。
    查看全部
  • <script type="text/javascript"> $(function () { $("h4").bind("click", function () { if ($("#hidval").val() == 0) { $("ul").show(3000,function(){ $("#hidval").val(1); }); } else { $("ul").hide(3000,function(){ $("#hidval").val(0); }); } }) }); </script>
    查看全部

举报

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

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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