jQuery基础学习（三）

﹏ヽ暗。殇╰゛Y 2022-06-08 08:17 309阅读 0赞

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
            "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
        <title>JQuery中的DOM操作</title>
        <meta charset="UTF-8"/>
    </head>
    <body>
    <script type="text/javascript">
        //获取元素节点li的文本内容
        var $li = $('ul li:eq(1)');
        var li_text = $li.text();
        //查找属性节点
        var $para = $('p');
        var p_txt = $para.attr('title');
        //创建元素节点
        var $li = $('<li></li>');
        $('ul').append($li);
        //创建文本节点
        var $li_1 = $("<li>香蕉</li>");//创建一个<li>元素，包括元素节点和文本节点.
        $("ul").append($li_1);//添加到ul节点中，使其在网页中显现
        //创建属性节点
        var $li_1 = $("<li title='香蕉'>香蕉</li>")//创建一个<li>元素,其中包含元素节点，属性节点，文本节点
        $("ul").append($li_1);
        //设置属性值
        $("p").attr("title","my hobby");//设置单个的属性值
        $("")
    </script>
    </body>
    </html>

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTI5MzQzMjU_size_16_color_FFFFFF_t_70]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTI5MzQzMjU_size_16_color_FFFFFF_t_70]: /images/20220608/6b0a1472ad6847a2b41d4aef40fb4a9b.png