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

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
  • 使用appendTo()方法向被选元素内插入内容 appendTo()方法也可以向指定的元素内插入内容,它的使用格式是: $(content).appendTo(selector) 参数content表示需要插入的内容,参数selector表示被选的元素,即把content内容插入selector元素内,默认是在尾部。 appendTo()方法的前面是内容变量名或元素名。 appendTo()方法的后面只能是元素名称。
    查看全部
  • <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>挑战题</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script> </head> <body> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li >5</li> <li >6</li> <li>7</li> <a href="javascript:void(0)" class="a1">更多</a> </ul> <script> $('.a1').click(function(){ if($('.a1').html()=="更多"){ $('.a1').html("简化"); $('li').show(); }else{ $('.a1').html("更多"); $('li:gt(3):not(:last)').hide(); }
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 我们知道使用:first过滤选择器可以获取指定父元素中的首个子元素,但该选择器返回的只有一个元素,并不是一个集合,而使用:first-child子元素过滤选择器则可以获取每个父元素中返回的首个子元素,它是一个集合,常用多个集合数据的选择处理。
    查看全部
  • 介绍一个功能更为强大的属性选择器[attribute*=value],它可以获取属性值中包含指定内容的全部元素,其中[]是专用于属性选择器的括号符,参数attribute表示属性名称,value参数表示对应的属性值。
    查看全部
  • 属性作为DOM元素的一个重要特征,也可以用于选择器中,从本节开始将介绍通过元素属性获取元素的选择器,[attribute=value]属性选择器的功能是获取与属性名和属性值完全相同的全部元素,其中[]是专用于属性选择器的括号符,参数attribute表示属性名称,value参数表示属性值。
    查看全部
  • :eq(index)过滤选择器灵活选择任意的一个标签元素 $("li:eq(2)").css("background-color", "#60F");
    查看全部
  • 使用append()方法向元素内追加内容 append(content)方法的功能是向指定的元素中追加内容,被追加的content参数,可以是字符、HTML元素标记,还可以是一个返回字符串内容的函数。
    查看全部
  • 移除属性和样式 使用removeAttr(name)和removeClass(class)分别可以实现移除元素的属性和样式的功能,前者方法中参数表示移除属性名,后者方法中参数则表示移除的样式名 例如,使用removeAttr()方法移除<a>元素中的“href”属性
    查看全部
  • 操作元素的样式 通过addClass()和css()方法可以方便地操作元素中的样式,前者括号中的参数为增加元素的样式名称,后者直接将样式的属性内容写在括号中。 例如,使用addClass()方法,改变<div>元素的背景色和文字颜色
    查看全部
  • element 选择器 $(“element”) attr()方法的功能是设置或获取元素的某项属性值。
    查看全部
  • prev + next选择器:获取<p>元素最近邻的下一个元素 $('p+label') 获取p最紧邻的lable
    查看全部
  • #id 选择器 $("#default").html("设置内容");
    查看全部
  • jQuery实际上就是JavaScript代码包装成拿过来就能实现特定功能的代码库 jQuery更加的简洁方便,我们在处理DOM时不必关心功能的实现细节。 $()就是jQuery中的函数,它的功能是获得()中指定的标签元素。如示例中$(“p”)会得到一组P标签元素,其中“p”表示CSS中的标签选择器。$()中的()不一定是指定元素,也可能是函数。 在jQuery中 $()方法等价于jQuery()方法,前者比较常用,是后者的简写。一般只有在$()与其它语言冲突时才会使用jQuery()方法。
    查看全部
    0 采集 收起 来源:jQuery初体验

    2014-12-21

  • jquery的 $(document).ready() 与JavaScript的 window.onload 的区别 1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 $(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。 2.编写个数不同 window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个 $(document).ready()可以同时编写多个,并且都可以得到执行 eg: window.onload = function(){ alert(“text1”); }; window.onload = function(){ alert(“text2”); }; 结果只输出第二个 $(document).ready(function(){ alert(“Hello World”); }); $(document).ready(function(){ alert(“Hello again”); }); 结果两次都输出 3.简化写法 window.onload没有简化写法 $(document).ready(function(){})可以简写成$(function(){});
    查看全部
    0 采集 收起 来源:jQuery初体验

    2014-12-21

  • jQuery本身就是JavaScript,只不过是把JavaScript代码包装成拿过来就能实现特定功能的代码库! 例如,我们想改变页面中所有段落标签中的文本内容: javaScript代码: var page_ps=document.getElementByTagName("p"); for(var i=0;i<page_ps.length;i++){ page_ps[i].innerHTML="Hellow imooc!"; } jQuery代码: $("p").html("Hellow imooc!"); 以上两段代码完成的功能是一样的。由此可以看出,jQuery更加的简洁方便,我们在处理DOM时不必关心功能的实现细节。 $()就是jQuery中的函数,它的功能是获得()中指定的标签元素。如示例中$(“p”)会得到一组P标签元素,其中“p”表示CSS中的标签选择器。$()中的()不一定是指定元素,也可能是函数。 在jQuery中 $()方法等价于jQuery()方法,前者比较常用,是后者的简写。一般只有在$()与其它语言冲突时才会使用jQuery()方法。
    查看全部
    0 采集 收起 来源:jQuery初体验

    2018-03-22

举报

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

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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