Practical Training Juqery课程 DOM事件

1.内部插入 =》子节点

append和appendTo 效果一样 区别只是 由哪个查询 jQuery内容: Practical Training Juqery课程 DOM事件

 

ul.li标签:效果图:

 Practical Training Juqery课程 DOM事件

效果图:因为有jQuery里写了append和appendTo 的代码,所以,才会有两个“列表 append”

Practical Training Juqery课程 DOM事件

 

prepend  // prepend 在所有子元素的前面

jQuery内容:

 

Practical Training Juqery课程 DOM事件

 

效果:

Practical Training Juqery课程 DOM事件

button按钮的图:

Practical Training Juqery课程 DOM事件

 

 

 2. 外部插入 =》兄弟节点===》 before 不在ul里面 而是在他的(外部)上面

jQuery内容:

 Practical Training Juqery课程 DOM事件

after 不在ul里面 而是在他的(外部)下面

 Practical Training Juqery课程 DOM事件

效果:

Practical Training Juqery课程 DOM事件

button按钮的图:

Practical Training Juqery课程 DOM事件

 3.包裹  =》父节点

jQuery内容:

 Practical Training Juqery课程 DOM事件

 

效果:

 Practical Training Juqery课程 DOM事件

 

button按钮的图:

Practical Training Juqery课程 DOM事件

 

 

 4. // 修改  也是替换 替换new

jQuery内容:

Practical Training Juqery课程 DOM事件

 效果:

Practical Training Juqery课程 DOM事件

button按钮的图:

Practical Training Juqery课程 DOM事件

 

 5.// 删除

jQuery内容:

Practical Training Juqery课程 DOM事件

 

  效果:

empty 点击之后只删除内容 不删除样式

Practical Training Juqery课程 DOM事件

remove 点击之后是删除整行

Practical Training Juqery课程 DOM事件

 

button按钮的图:

 Practical Training Juqery课程 DOM事件

 

 6.克隆复制

jQuery内容:

 Practical Training Juqery课程 DOM事件

  效果:

Practical Training Juqery课程 DOM事件

 

button按钮的图:

Practical Training Juqery课程 DOM事件

 

 7.li的单击事件

jQuery内容:

Practical Training Juqery课程 DOM事件

 

  console 效果:

Practical Training Juqery课程 DOM事件

 

单击事件直接写: jQuery内容: Practical Training Juqery课程 DOM事件

 

   console 效果:

Practical Training Juqery课程 DOM事件

 

on()多个事件(单击双击事件)中间用空格隔开: jQuery内容: Practical Training Juqery课程 DOM事件

 

console 效果:

Practical Training Juqery课程 DOM事件

 

 

 

 

 

 

 

 

上一篇:JavaFX入门(一):我的第一个JavaFX程序


下一篇:【阿里云新品发布·周刊】第16期:OSS跨同城3AZ重磅发布,构造全面数据保护体系