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

jQuery基础课程

难度初级
时长 9小时58分
学习人数
综合评分9.23
402人评价 查看评价
9.6 内容实用
9.2 简洁易懂
8.9 逻辑清晰
  • 使用:image选择器只能获取<input>图像域,而不能获取<img>格式的图像元素。
    查看全部
  • id后面需要加上一个空格
    查看全部
  • 使用remove()和empty()方法删除元素 remove()方法删除所选元素本身和子元素,该方法可以通过添加过滤参数指定需要删除的某些元素,而empty()方法则只删除所选元素的子元素。 例如,调用remove()方法删除<span>元素中类别名为“red”的,如下图所示: 在浏览器中显示的效果: 从图中可以看出,使用remove(".red")方法只是把<span>元素中类别名为“red”的这部分元素给删除了。
    查看全部
  • $("ance desc")層次性選擇器 1.$("ance desc"):ance參數(ancestor祖先的簡寫)表示父元素;desc參數(descendant後代的簡寫)表示後代元素,即包括子元素、孫元素等等。兩個參數都可以【通過選擇器來獲取】 2.例如取得<div>中的所有<span>: $("div span") 又例如$("#box span")等
    查看全部
    0 采集 收起 来源:ance desc选择器

    2018-03-22

  • 使用each()方法遍历元素 使用each()方法可以遍历指定的元素集合,在遍历时,通过回调函数返回遍历元素的序列号,它的调用格式为: $(selector).each(function(index)) 参数function为遍历时的回调函数,index为遍历元素的序列号,它从0开始。 例如,遍历页面中的<span>元素,当元素的序列号为2时,添加名为“focus”的样式,如下图所示: 在浏览器中显示的效果: 从图中可以看出,在使用each()方法遍历<span>元素时,回调函数中的“index”参数为元素的序列号,它从0开始,当为2时,表示第3个<span>元素增加样式。
    查看全部
  • sele1,sele2,seleN选择器 -選擇任意多個指定的元素 $("sele1,sele2,seleN")每個選擇器之間用「,」號隔開,如$("#id")、$(".class")、$("selector")選擇器等。 例如$("p,div")獲取<p>和<div>中的元素
    查看全部
  • 使用wrap()和wrapInner()方法包裹元素和内容 wrap()和wrapInner()方法都可以进行元素的包裹,但前者用于包裹元素本身,后者则用于包裹元素中的内容,它们的调用格式分别为: $(selector).wrap(wrapper)和$(selector).wrapInner(wrapper) 参数selector为被包裹的元素,wrapper参数为包裹元素的格式。 例如,调用wrap()方法,将<span>用<div>元素包裹起来,如下图所示: 在浏览器中显示的效果: 从图中可以看出,红色区域的<span>元素被蓝色边框的<div>元素通过wrap()方法包裹起来。
    查看全部
  • * 選擇器-獲取頁面中的全部元素 $("*") $(“div *”)的方式获取<div>元素中的所有子元素 $(“form *”)的方式获取<form>元素中的所有子元素
    查看全部
  • 使用each()方法遍历元素 使用each()方法可以遍历指定的元素集合,在遍历时,通过回调函数返回遍历元素的序列号,它的调用格式为: $(selector).each(function(index)) 参数function为遍历时的回调函数,index为遍历元素的序列号,它从0开始。 <body> <h3>使用each()方法遍历元素</h3> <span class="green">香蕉</span> <span class="green">桃子</span> <span class="green">葡萄</span> <span class="green">荔枝</span> <script type="text/javascript"> $("span").each(function (index) { if (index == 1) { $(this).attr("class", "red"); } }); </script> </body>
    查看全部
  • 使用wrap()和wrapInner()方法包裹元素和内容 wrap()和wrapInner()方法都可以进行元素的包裹,但前者用于包裹元素本身,后者则用于包裹元素中的内容,它们的调用格式分别为: $(selector).wrap(wrapper)和$(selector).wrapInner(wrapper) 参数selector为被包裹的元素,wrapper参数为包裹元素的格式。 $(".red").wrapInner("<span></span>");
    查看全部
  • .class 選擇器 $(".class")表示元素的CSS類別(類選擇器)名稱
    查看全部
  • 替换内容 replaceWith()和replaceAll()方法都可以用于替换元素或元素中的内容,但它们调用时,内容和被替换元素所在的位置不同,分别为如下所示: $(selector).replaceWith(content)和$(content).replaceAll(selector) 参数selector为被替换的元素,content为替换的内容。 例如,调用replaceWith()方法将页面中<span>元素替换成一段HTML字符串,如下图所示: 在浏览器中显示的效果: 从图中可以看出,使用replaceWith()方法替换类别名为“green”的<span>元素,替换之后,旧元素完全由新替换的元素所取代。
    查看全部
    0 采集 收起 来源:替换内容

    2018-03-22

  • replaceWith()和replaceAll()方法都可以用于替换元素或元素中的内容,但它们调用时,内容和被替换元素所在的位置不同,分别为如下所示: $(selector).replaceWith(content)和$(content).replaceAll(selector) 参数selector为被替换的元素,content为替换的内容。 <body> <h3>使用replaceAll()方法替换元素内容</h3> <span class="green" title="hi">我是屌丝</span> <script type="text/javascript"> var $html = "<span class='red' title='hi'>我是土豪</span>"; $($html).replaceAll(".green"); </script> </body> $($html).replaceAll(".green");/// $(".green").replaceAll($html);
    查看全部
    0 采集 收起 来源:替换内容

    2018-03-22

  • :last-child子元素过滤选择器 与:first-child子元素过滤选择器功能相反,:last-child子元素过滤选择器的功能是获取每个父元素中返回的最后一个子元素,它也是一个集合,常用多个集合数据的选择处理。
    查看全部
  • :first-child子元素过滤选择器 通过上面章节的学习,我们知道使用:first过滤选择器可以获取指定父元素中的首个子元素,但该选择器返回的只有一个元素,并不是一个集合,而使用:first-child子元素过滤选择器则可以获取每个父元素中返回的首个子元素,它是一个集合,常用多个集合数据的选择处理。
    查看全部

举报

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

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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