新手提问：jquery如何找到HTML元素并且设置样式？

本帖最后由 jetaimejay 于 2010-11-25 14:48:40 编辑

解决方案 »

  1.   

    完整示例
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html>
    <head>
    <script src="jquery.js"></script>
    <script>
    $(document).ready(function(){
    $('.ssjgl').mouseover(function(){
        $('#jl').addClass('ljsq1');
    });
    });</script>
    <style type="text/css"  rel="stylesheet" >
    .ljsq{width:60px;}
    .ljsq1{width:100px;}
    </style>
    </head><body>
       <div class="ssjgl">
        <dl class="ss1">
            <dt>111</dt>
        <dl>
        <dl class="ss2">
            <dt>222</dt>
        <dl>
        <div id="ShowInfo">
            <dl class="ss3 left">
                <dt>222</dt>
            <dl>
            <ul class="left text_mid cz">
                <li><input type="button" id='jl' class="ljsq" value="确定"/></li>
            </ul>
        </div>
    </div>
    </body>
    </html>
      

  2.   

    $('.ssjgl').mouseover(function(){
       //这里找不到值
        $(this).addClass('ljsq1').removeClass('ljsq');
    });
      

  3.   

    $('#jl').addClass('ljsq1');
    是添加一样样式,可以用 $('#jl').attr('class','ljsq1');替换样式
      

  4.   

    $('this').find('input').addClass('ljsq1');
    $(this)
      

  5.   

    这个是个列表形式的，所以要用this
      

  6.   

       $('.ssjgl').mouseover(function(){
            $('#jl').addClass('ljsq1');
        });改成：
       $('#jl').mouseover(function(){
            $(this).removeClass('ljsq').addClass('ljsq1');
        });
      

  7.   

    不好意思，大家都说$('#jl')...，但是这里j1是会变化的，可能是j2,j3等等，是我忘记说明了
      

  8.   

    感谢各位的提示，我自己找到了
    $('.ssjgl').mouseover(function(){
            $(this).find('ul').find('input').attr('class','ljsq1');
    });