PHP--jq对元素内容的操作 以及css属性操作 

<body>
    <div id="id" class="cl">id选择器</div>
    <div  class="cl">基础</div>
    <input type="text" id="inp">
</body>
<style>
    #id{
        color: red;
    }
</style>
<script>
    //内容操作
    $('#id').html('<b>加粗<b>');
    // document.getElementById('id').innerHTML='<b>加粗<b>';

        $('#id').text('<b>加粗<b>');
    // document.getElementById('id').innerTEXT='<b>加粗<b>';
    
    //根据class名操作
    $('.cl').html('<b>加粗<b>');//所有cl 都会生效
    $('.cl')[0].html('<b>加粗<b>');//加下标  特指其中一个会生效
    //可以在选择器里处理:eq(xxx)  是选择第几个  
    //比如 $('cl:eq(0)') 第一个
    //再就是选择出来后可以处理, 因为 $("xxx")默认是个类数组的结构
    //所以可以 $("cl")[0]  或者是 $("cl").get(0)  去取第一个元素
    
    //属性操作
    $('#id').attr('title','提示信息');
    // document.getElementById('id').title='提示信息';
    $('#inp').val('value赋值');

    //css操作
    $('#id').css('font-size','30px');
    //修改多个属性
    $('#id').css({'font-size':'40px','color':'red'});

    //获取内容
    $('#id').html();
    $('#id').arrt('title');
    $('#inp').val();



</script>

 

posted @ 2020-10-30 10:35  soda001  阅读(126)  评论(0)    收藏  举报