zoukankan      html  css  js  c++  java
  • jQuery 追加元素、拼接元素的方法总结(append、html、insertBefore、before等)

    1. append & appendTo 的功能均为:在被选元素结尾(仍在元素内部)插入指定内容,但是内容和选择器的位置不同 

      (1) append()方法:

        $("#test").append("<p>测试</p>");  //在id为test元素内部末尾插入<p>测试</p>

      (2) appendTo()方法:

        $("<p>测试</p>").appendTo("#test");   //在id为test元素内部末尾插入<p>测试</p>

    2. insertBefore & before & insertAfter & after

      (1) insertBefore() & before() 方法 :在被选元素前(元素外部)插入指定内容

        $("<p>测试</p>").insertBefore("#test"); //在id为test的元素前插入<p>测试</p>

        注:如果指定内容是已存在的元素,它将从它的当前位置被移除,并被插入在被选元素之前

        $("#test").before("<p>测试</p>"); //在id为test的元素前插入<p>测试</p>

      (2) insertAfter() & after()方法:在被选元素后(元素外部)插入指定内容

         $("<p>测试</p>").insertAfter("#test"); //在id为test的元素后插入<p>测试</p>

        注:如果指定内容是已存在的元素,它将从它的当前位置被移除,并被插入在被选元素之后。

        $("#test").after("<p>测试</p>"); //在id为test的元素后插入<p>测试</p>

    3.html() 方法:设置或返回被选元素的内容

      (1) 设置被选元素的内容

        $("#test").html("<p>测试</p>"); //将id为test的元素里的内容设置为<p>测试</p>,若元素里面原本有内容,则将原来的内容替换

      (2) 返回被选元素的内容

        $("p").html(); //返回匹配到的第一个P元素的内容

        

  • 相关阅读:
    linux软件名规则
    给php开启mysql扩展
    centos6可用的Apache管理脚本
    Centos下设置redis开机自启动
    拆卸mysql
    如何判断是否在一个网路中
    linux 如何清理僵尸进程
    如何查找僵尸进程并Kill之,杀不掉的要查看父进程并杀之
    一张图告诉你php的命名空间和自动加载
    PHP的文件加载机制到底是什么目录
  • 原文地址:https://www.cnblogs.com/Kailey/p/8376951.html
Copyright © 2011-2022 走看看