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实训所有练习源码地址

以上是关于Practical Training Juqery课程 DOM事件的主要内容,如果未能解决你的问题,请参考以下文章

Python实训所有练习源码地址

juqery 判断所有input 不能为空

javascript Juqery_vs_pureJS

JavaScript juqery:用鼠标悬停进出切换

juqery:切换鼠标悬停进出

每天学一个juqery插件-水一下滚动