Practical Training Juqery课程 DOM事件
Posted 张凯月
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Practical Training Juqery课程 DOM事件相关的知识,希望对你有一定的参考价值。
1.内部插入 =》子节点
append和appendTo 效果一样 区别只是 由哪个查询
jQuery内容:
ul.li标签:效果图:
效果图:因为有jQuery里写了append和appendTo 的代码,所以,才会有两个“列表 append”
prepend
// prepend 在所有子元素的前面
jQuery内容:
效果:
button按钮的图:
2. 外部插入 =》兄弟节点===》 before 不在ul里面 而是在他的(外部)上面
jQuery内容:
after 不在ul里面 而是在他的(外部)下面
效果:
button按钮的图:
3.包裹 =》父节点
jQuery内容:
效果:
button按钮的图:
4. // 修改 也是替换 替换new
jQuery内容:
效果:
button按钮的图:
5.// 删除
jQuery内容:
效果:
empty 点击之后只删除内容 不删除样式
remove 点击之后是删除整行
button按钮的图:
6.克隆复制
jQuery内容:
效果:
button按钮的图:
7.li的单击事件
jQuery内容:
console 效果:
单击事件直接写:
jQuery内容:
console 效果:
on()多个事件(单击双击事件)中间用空格隔开:
jQuery内容:
console 效果:
Python实训所有练习源码地址
Python实训所有练习源码地址
https://github.com/FengYongXuan/practical-training-of-python-
以上是关于Practical Training Juqery课程 DOM事件的主要内容,如果未能解决你的问题,请参考以下文章