zoukankan      html  css  js  c++  java
  • jquery-插入兄弟元素

    1、after方法
      在匹配元素集合中的每个元素的 后面 插入参数所指定的内容,作为其兄弟节点
      参数类型说明:
        1)普通字符串(可包含各种html标签)
          $('div').after('html字符串');
        2)jQuery对象
          ①使用$函数创建的新元素(jQuery对象)
          ②使用$函数获取页面中已经有的元素(jQuery对象)
          此时会将已有的元素移动到目标元素的后面
          ③使用clone方法克隆页面中已经有的元素(jQuery对象)
        3)html元素对象、html元素对象数组
          ====以上类型的参数可传入多个,每个参数都会被插入到匹配元素的后面作为其兄弟节点!===
        4)函数
          有多少个匹配元素,这个函数就会执行多少次!
          函数可以接受到两个参数:第一个是当前元素的序号、第二个是当前元素内的html
          函数内部this代表当前的html元素对象
          return 的数据就是插入的内容(可以为html元素,也可以是jQuery对象)
    2、before方法
      在匹配元素的前面插入内容,作为其兄弟节点
      参数类型说明:
      同上
    3、insertAfter方法
      在目标元素后面插入集合中每个匹配的元素,同after方法(插入的元素作为目标元素的兄弟元素)
      与after区别:
        使用时目标元素与插入内容的位置 颠倒
        创建新元素返回的jQuery对象与
        选择页面中已有元素返回的jQuery对象都可调用此方法(选择页面中已有元素表示将已有的元素移动到目标元素后)!
        参数(表示要插入元素的目标位置):
        Selector或者jQuery对象或者html元素对象/html元素对象数组
    4、insertBefore方法
      在目标元素前面插入内容(同before)
      与before区别:
        同上!
        参数(表示要插入元素的目标位置):
        同上!

  • 相关阅读:
    HDU 4492 Mystery (水题)
    UVA 10480 Sabotage (最大流)
    POJ 2446 Chessboard (二分匹配)
    VS2008下用MFC 的MSComm控件编写串口程序
    退役了~~~
    STL Algorithms 之 unique
    cocos2d中CCCallFuncND传参数的注意事项
    好太太晾衣架市场价格表(仅供参考)
    Linux VNC黑屏(转)
    C++ TinyXml操作(含源码下载)
  • 原文地址:https://www.cnblogs.com/yw0219/p/5966257.html
Copyright © 2011-2022 走看看