操作DOM元素 

 <title>操作DOM元素</title>
<!--操作DOM元素-->
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
</head>
<body>

<ul id="text-ul">
    <li class="js">JavaScript</li>
    <li name="Python">Python</li>
</ul>

<script>
    //document.getElementById('');
// 节点文本操作：
    /*
     *1.$('#text-ul li[name=Python]').text();//设置值
     *2.$('#text-ul li[name=Python]').text('设置值');//设置值
     *3.$('#text-ul').html();//获得值
     *4.$('#text-ul').html('<script>123<script>');//设置值
     */
//css操作
    $('#text-ul li[name=Python]').css("color","red");

//元素的显示和隐藏 ：本质display：none；
    $('#text-ul li[name=Python]').show()//显示
    $('#text-ul li[name=Python]').hide()//隐藏

//  娱乐项目
    $(window).whide();
    $(window).hight();
    $(document).whide();
    $(document).hight();
    $('#text-ul li[name=python]').toggle();

</script>
posted @ 2022-05-31 21:37  LiLime  阅读(29)  评论(0)    收藏  举报