其他分享
首页 > 其他分享> > Practical Training Juqery课程 DOM事件

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 效果:

 

 

 

 

 

 

 

 

标签:jQuery,Training,效果,DOM,button,Practical,内容,按钮,append
来源: https://www.cnblogs.com/zky1012/p/15541364.html