<!-- <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";