学习前端 第6周 第3天

  • 会用jQuery创建元素(例如$('<div>')
  • 会用jQuery插入元素(需了解这几个方法:before,after,append,prepend)
  • 会用jQuery删除元素。.remove
  • 会用jQuery对元素的类名进行如下操作
    • 元素是否有某个类名
    • 给元素增加类名
    • 给元素删除类名
  • 会用jQuery对元素的属性进行如下操作
    • 获取元素某个属性的值
    • 修改元素某个属性的值
    • 删除元素的某个属性
  • 会获取和修改元素的内容。了解text()html()的区别

作业

现在有如下的HTML结构

<div class="a d">
    <span class="b">哈哈哈!</span>
</div>
<div class="a b" id="a"></div>
<div class="a b" id="a"></div>
<div class="a b c"></div>
<div class="a"></div>

对上面对HTML做如下的操作

  1. 创建一个类名为aaa的文本内容为"谢天谢地你来啦"的div。然后将这个创建的元素放在类名为b的span元素的后面
  2. 给所有类名有a的元素做这样的处理:如果该元素有类名b,则删除该类名,若没有,则添加类名b
  3. 删除类名同时包含a和c的元素
  4. 交换id为a和id为b的两个元素的位置

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Golang语言社区

Golang语言社区-【基础知识】切片

Go编程切片是一种抽象了Go编程数组。由于Go编程数组允许您定义的变量,可容纳同类的几个数据项类型,但它不提供任何内置的方法来动态地增加它的大小或得到一个子数组...

3618
来自专栏Pythonista

Golang之函数练习

1401
来自专栏天天

动画(20171030)

991
来自专栏PHP在线

jquery事件

parent > child在给定的父元素下匹配所有的子元素 参数 parentSelectorV1.0 任何有效选择器 childSelectorV1.0 用...

3307
来自专栏码洞

《快学 Go 语言》第 5 课 —— 神奇的切片

切片无疑是 Go 语言中最重要的数据结构,也是最有趣的数据结构,它的英文词汇叫 slice。所有的 Go 语言开发者都津津乐道地谈论切片的内部机制,它也是 Go...

752
来自专栏Hongten

HTML DOC

HTML 文档中的所有节点组成了一个文档树(或节点树)。HTML 文档中的每个元素、属性、文本等都代表着树中的一个节点。树起始于文档节点,并由此继续伸出枝条,直...

1021
来自专栏行者常至

008.golang map

742
来自专栏专注研发

jquery常用方法

转:https://blog.csdn.net/yl2isoft/article/details/54427694

882
来自专栏知道一点点

sass学习入门篇(三)

这章我们讲“嵌套”,嵌套包括两种:一,选择器嵌套。二是属性的嵌套。一般用选择器嵌套居多

1036
来自专栏GreenLeaves

JavaScript之字符串引号的使用技巧

在JavaScript中可以随意使用引号,但是最好根据字符串包含的字符来选择。 1.如果字符串里面包含了单引号,那就把字符串放在双引号里面 var age = ...

1887

扫码关注云+社区

领取腾讯云代金券