jQuery插入节点和移动节点用法示例(insertAfter、insertBefore方法)

本文实例讲述了jQuery插入节点和移动节点的方法。分享给大家供大家参考,具体如下:

1. 插入节点:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
"Content-Type" content= "text/html; charset=utf-8" />

"选择你最喜欢的水果." >你最喜欢的水果是?

  
  • '苹果' >苹果
  •   
  • '橘子' >橘子
  •   
  • '菠萝' >菠萝
  • 效果图:

    jQuery插入节点和移动节点用法示例(insertAfter、insertBefore方法)_第1张图片


    2. 移动节点:

    ?
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    "Content-Type" content= "text/html; charset=utf-8" />

    "选择你最喜欢的水果." >你最喜欢的水果是?

      
  • '苹果' >苹果
  •   
  • '橘子' >橘子
  •   
  • '菠萝' >菠萝
  • 效果图:

    jQuery插入节点和移动节点用法示例(insertAfter、insertBefore方法)_第2张图片


    你可能感兴趣的:(Javascript基础)