按css选择元素

时间:2009-09-24 08:24:15

标签: javascript css

我的页面上有很多行,用PHP生成数据库。每行都在DIV中。我想点击它来“选择”一行。 “选择”表示更改它的css。最简单的方法是什么?

2 个答案:

答案 0 :(得分:2)

更聪明的方法是使用js框架,比如jQuery:

<div id="alldivs">
    <div>...</div>
    <div>...</div>
    <div>...</div>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<!-- you don't need to download anything, just add this line ;-) -->
<script>
    $(function(){
        $("#alldivs  div").click(function(){
             $("#alldivs  div").removeClass('clickedCss');
             $(this).addClass('clickedCss');
        });
    });
</script>

答案 1 :(得分:0)

你可以只做一个onclick事件并更改css类;

<div class="yourCss" onclick="this.className='clickedCss';">content</div>