zoukankan      html  css  js  c++  java
  • 内部插入节点的方法

    (1)append(content)方法:content 表示追加到目标中的内容,像所选择的元素内部插入内容。

    例如:

    <script type="text/javascript">
    $(document).ready(function(){
    $("button").click(function(){
    $("p").append(" <b>Hello world!</b>");
    });
    });
    </script>

    语法:$(selector).append(content)

    (2) appendTo(content) 方法:在被选元素的结尾(仍然在内部)插入指定内容

    例如:

    <script type="text/javascript">
    $(document).ready(function(){
    $("button").click(function(){
    $("<b> Hello World!</b>").appendTo("p");
    });
    });
    </script>

    语法:$(content).appendTo(selector)

    (3)prepend() 方法:在被选元素的开头(仍位于内部)插入指定内容。

    例如:

    <script type="text/javascript">
    $(document).ready(function(){
    $("button").click(function(){
    $("p").prepend("<b>Hello world!</b> ");
    });
    });
    </script>

    语法:$(selector).prepend(content)

    (4)prependTo() 方法:在被选元素的开头(仍位于内部)插入指定内容。

    <script type="text/javascript">
    $(document).ready(function(){
    $(".btn1").click(function(){
    $("<b>Hello World!</b>").prependTo("p");
    });
    });
    </script>

    语法:$(content).prependTo(selector)

  • 相关阅读:
    Nodejs chrome 调试node-inspector
    Nodejs 文件修改自动重启扩展
    PHP post & get请求
    mysql 忘记root密码
    Linux安装mysql
    Linux 安装reids
    技术 | TypeScript
    秦涛:深度学习的五个挑战和其解决方案
    人脸检测与识别的趋势和分析
    370 门免费编程与计算机科学在线课程
  • 原文地址:https://www.cnblogs.com/sophiehui/p/5777346.html
Copyright © 2011-2022 走看看