Dom jquery

    <!-- <div id="id">ddddd</div>

    <div class="c" onclick="cl()">点击</div> -->

    <ul>

        <li class="cur">111</li>

        <li>222</li>

        <li>333</li>

    </ul>

    <div class="tab">

        <div class="cur">1</div>

        <div>2</div>

        <div>3</div>

    </div>

    <style>

        .tab div{

            display: none;

            width: 100px;

            height: 100px;

            border: 1px solid black;

        }

        .tab div.cur{

            display: block;

        }

    </style>

    <!-- <input type="text" id="inp" value="zhangsan">

    <img id=img src="641.jpg" alt=""> -->

</body>

<script src="./jquery-3.4.1.js"></script>

<!-- <script></script> -->

<script>

$('li').click(function(){

    var i=$(this).index()

    $('li').removeClass('cur')

    $(this).addClass('cur')

    $('.tab div').removeClass('cur')

    $('.tab div').eq(i).addClass('cur')

})

    // function cl(){

    //     // $('#id').text('jquery')

    //     // // text换成html可识别标签

    //     // $('#img').attr('src','./641 (1).jpg')

    //     // // $('ul li').addclass('cur');////remove

    //     // $('#id').css({'height':'200px','width':'200px'})

    //     // // document.getElementById('inp').value='lisi'

    //     // $('#inp').val('lisi')

    // }

    // $('li').click(function(){

    //         alert('hello');

    //     })

        

    // var id=document.getElementById("id")

    // var tag=document.getElementsByTagName("div")

    // var cla=document.getElementsByClassName("c");

    // console.log(cla[0])

    // console.log(tag[0])

    // console.log(id)

    // // jquery

    // $("#id");;;$("div");;;$(".c")

    // // js  修改内容

    // document.getElementById("id").innerText="jquery";