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)

  • 相关阅读:
    得不到的都能释怀
    个人读后感
    面向对象程序设计
    关于QQ的NABCD模型
    团队成员及分工
    软件工程结对项目--实用计算器的设计和制作
    实践作业2 个人项目作业
    github地址
    github心得体会
    人,绩效和职业道德
  • 原文地址:https://www.cnblogs.com/sophiehui/p/5777346.html
Copyright © 2011-2022 走看看