摘要：
任务描述 本关任务：用 jQuery 遍历 DOM 元素的兄弟元素，显示效果如下图。 相关知识 为了完成本关任务，你需要掌握：1.siblings()，2. next()，nextAll() 3. prev()，prevAll()。 基本的html结构如下（CSS已省略）： <div class=" 阅读全文
posted @ 2022-05-29 23:59
Q且听风吟
阅读(103)
评论(0)
推荐(0)
摘要：
任务描述 本关任务：用 jQuery 遍历 DOM 的祖先元素。效果如下： 相关知识 为了完成本关任务，你需要掌握：1.节点树，2.parent()，3.parents()。 节点树 基本的html结构如下： <!doctype html> <html lang="en"> <head> <meta 阅读全文
posted @ 2022-05-29 23:58
Q且听风吟
阅读(262)
评论(0)
推荐(0)
摘要：
任务描述 本关任务：用 jQuery 向下遍历 DOM 节点，显示效果如下图。 相关知识 为了完成本关任务，你需要掌握：1.children()，2. find()。 向下遍历DOM节点 基本的html结构如下（CSS已省略）： <div>div (当前元素) <p>p (儿子元素) <span>s 阅读全文
posted @ 2022-05-29 23:58
Q且听风吟
阅读(248)
评论(0)
推荐(0)
摘要：
任务描述 本关任务：掌握jQuery常见的动画效果——自定义动画，实现的动态效果如下图。 相关知识 为了完成本关任务，你需要掌握：1.平移动画，2.相对值，3.stop()函数 。 基本的结构如下： <button class="stop">动画开始</button> <div class="ite 阅读全文
posted @ 2022-05-29 23:57
Q且听风吟
阅读(111)
评论(0)
推荐(0)
摘要：
任务描述 本关任务：掌握jQuery常见的动画效果——滑动，动态效果如下图。 相关知识 为了完成本关任务，你需要掌握：1.slideDown()，2.slideUp()，3.slideToggle()， 4.stop()。 slideDown()，slideUp() 和 slideToggle() 阅读全文
posted @ 2022-05-29 23:56
Q且听风吟
阅读(98)
评论(0)
推荐(0)
摘要：
任务描述 本关任务：掌握jQuery常见的动画效果——淡入淡出，效果图如下。 相关知识 为了完成本关任务，你需要掌握：1.fadeIn()，2.fadeOut(), 3.fadeToggle()， 4.fadeTo() 5.delay()。 fadeIn()，fadeOut() 和 fadeTogg 阅读全文
posted @ 2022-05-29 23:55
Q且听风吟
阅读(218)
评论(0)
推荐(0)
摘要：
任务描述 本关任务：掌握jQuery常见的动画效果——隐藏/显示，需要实现如下效果。 相关知识 为了完成本关任务，你需要掌握：1.show()和hide()，2.toggle()。 show()和hide() 前面简单地了解过show()和hide()，这里对它们进行一个深入的了解。需要实现的效果如 阅读全文
posted @ 2022-05-29 23:54
Q且听风吟
阅读(359)
评论(0)
推荐(0)
摘要：
任务描述 本关任务：用jQuery删除元素。效果如下： 相关知识 为了完成本关任务，你需要掌握：1.remove()，2.empty()。 基本的html结构如下： <button class="btn">删除内容</button> <div class="box"> <p class="com f 阅读全文
posted @ 2022-05-29 23:50
Q且听风吟
阅读(85)
评论(0)
推荐(0)
摘要：
任务描述 本关任务：用jQuery添加元素，显示效果如下图。 相关知识 为了完成本关任务，你需要掌握：1.append()，prepend()，2.before()，after()。 基本的html结构如下： <button class="btn1">添加内容 </button> <button c 阅读全文
posted @ 2022-05-29 23:48
Q且听风吟
阅读(153)
评论(0)
推荐(0)
摘要：
任务描述 本关任务：用jQuery设置元素的内容和属性值。效果如下： 相关知识 为了完成本关任务，你需要掌握：1.设置元素的内容，2.设置元素的属性。 设置元素的内容 基本的html结构如下： <p class="first"></p> <p class="second">我是第二个</p> <in 阅读全文
posted @ 2022-05-29 23:46
Q且听风吟
阅读(360)
评论(0)
推荐(0)
摘要：
任务描述 本关任务：用jQuery获取元素的内容和属性。效果如下： 相关知识 为了完成本关任务，你需要掌握：1.获取元素的内容，2.获取元素的属性。 获取元素的内容 基本的html结构如下： <p><srtong>我是 srtong 标签</strong>我是文本内容</p> 如何获取p标签的内容呢 阅读全文
posted @ 2022-05-29 23:45
Q且听风吟
阅读(822)
评论(0)
推荐(0)
浙公网安备 33010602011771号