美文网首页
jQuery 实现页面概要

jQuery 实现页面概要

作者: 知行社 | 来源:发表于2017-08-28 11:29 被阅读0次

前提条件

概要

类型:实践
难度:中等

任务描述

给定如下的HTML:

<div class="todo">
  <h1 class="todo__title">待办事宜</h1>
  <ul>
    <li class="todo__item">看海贼王</li>
    <li class="todo__item todo__item--special">学习前端</li>
    <li class="todo__item">总结</li>
  </ul>
</div>

要求:

  1. 使用 3.2.1 版本的 jQuery。可以直接引:https://unpkg.com/jquery@3.2.1
  2. 用jQuery 来计算,用 console.log 输出如下信息: 在 div.todo 下
  • 有多少的标签。 结果应该是5。
  • 输出每个元素标签名的宽和高。结果形如: 标签名: H1,宽: 974px,高: 45px
  • 找出类名中包含 - 的元素的内容。 结果应该是 学习前端
  • 输出所有代办事宜的文字内容,用;分隔。结果应该是看海贼王;学习前端;总结

相关文章

网友评论

      本文标题:jQuery 实现页面概要

      本文链接:https://www.haomeiwen.com/subject/zuwwdxtx.html