jquery操作内容 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="node_modules/jquery/dist/jquery.min.js"></script>
</head>
<body>
<div id="box">
    <div>
        1111111
        <p>
            2222222
            <span>3333333</span>
        </p>
    </div>
</div>
<ul>

</ul>
<input type="text">
</body>
</html>
<script>
    // html()  获得dom结构
    console.log($('#box').html())

    // 添加
    let arr = ['aaa','bbb','ccc']
    let listr = arr.map(item=>`<li>${item}</li>`).join('')
    $('ul').html(listr)

    // text()  获得内容，不带 dom 结构
    console.log($('#box').text())

    // val()
    console.log($('input').val())
</script>

　　

posted @ 2022-09-06 22:19  千里长安街  阅读(11)  评论(0)    收藏  举报