使用jQuery添加DOM节点的小例子

侠之大者为国为民

于 2017-01-12 08:44:40 发布

阅读量410

点赞数

分类专栏： javascript 文章标签： jquery javascript

本文链接：https://blog.youkuaiyun.com/sofeien/article/details/54374754

版权

javascript 专栏收录该内容

13 篇文章

订阅专栏

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>mysite</title>
    <link rel="stylesheet" href="my.css">
    <script src="jquery-3.1.1.js"></script>
    <style>


    </style>

</head>

<body>
    <ul class="num">
        <li>2</li>
        <li>4</li>
    </ul>
    <script>
        'use strict';
        $(function() {
            //TODO:
            var ul = $('ul.num');
            ul.append("<li>6</li>");
            ul.prepend("<li>1</li>");
            $('ul.num>li:nth-child(2)').after("<li>3</li>");
            $('ul.num>li').last().before("<li>5</li>");
        });

    </script>
</body>

</html>