Jquery 问题

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

jQuery(document).ready(function () {
  jQuery(".leftBar ul li a").hover(function () {
  jQuery(this).addClass("hover")
  },
function () {
jQuery(this).removeClass("hover")
});
  });
你的css文件呢？.hover类样式是怎么写的？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>交替的为表格添加样式和button显示隐藏事件</title>
    <script type="text/javascript" src="jquery-1.6.2.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('tr:odd').addClass('odd');
            $('tr:even').addClass('even');
            $('tr:contains("Henry")').addClass('highlight');
            $('th').parent().addClass('table-heading');
            //            $('#btnToggle').toggle(function () {
            //                $('table').addClass('hidden');
            //            }, function () {
            //                $('table').removeClass('hidden');
            //            });
            $('#btnToggle').click(function () {
                $('table').toggleClass('hidden');
            });
            $('#btnToggle').hover(function () {
                $(this).addClass('hover');
            }, function () {
                $(this).removeClass('hover');
            });
        });
    </script>
    <style type="text/css">
    .odd
    {
       background-color:Pink;
    }
    .even
    {
       background-color:#cef;
    }
    .highlight
    {
        color:#f0f; font-weight:bold;
    }
    .table-heading
    {
        background-color:Yellow; font-weight:bolder;
    }
    .hidden
    {
        display:none;
    }
    .hover
    {
        cursor:pointer;
        background-color:Green;
        font-size:12px;
    }
    </style>
</head>
<body>
<table style="text-align:center" border="1px" cellpadding="3px" cellspacing="0px">
<tr>
<th>Title</th>
<th>Category</th>
</tr>
<tr>
<td>As You Like It</td>
<td>Comedy</td>
</tr>
<tr>
<td>All's Well That Ends Well</td>
<td>Comedy</td>
</tr>
<tr>
<td>Hamlet</td>
<td>Tragedy</td>
</tr>
<tr>
<td>Macbeth</td>
<td>Tragedy</td>
</tr>
<tr>
<td>Romeo And Juliet</td>
<td>Tragedy</td>
</tr>
<tr>
<td>Henry IV,Part I</td>
<td>History</td>
</tr>
<tr>
<td>Henry V</td>
<td>History</td>
</tr>
</table>
<input type="button" id="btnToggle" value="显示,隐藏"/>
</body>
</html>
以前做的一个demo，楼主参考下吧。
.liftNav li a:hover, .liftNav li a.hover { color:#FFF;background:#47b033; border-bottom:1px solid #91d085; text-decoration:none;}这个就是
jQuery(document).ready( function () {
jQuery(".liftNav li a").hover( function () {
jQuery(this).addClass("hover");
}, function () {
jQuery(this).removeClass("hover")
});
});你的selector写的有问题
jQuery(document).ready( function () {
    jQuery(".liftNav li a").hover( function () {
        jQuery(this).addClass("hover");
    }, function () {
        jQuery(this).removeClass("hover")
    });
});这样也没有反应哦
楼主，看看我的那个demo，可以帮你解决问题。
你那是超链接你是click了?click完页面都跳转了当然没效果另外把你那个hover去掉  <ul class="liftNav">

  <li><a class="" href="products.aspx?id=1" title="">点击1</a></li>

  <li><a class="" href="products.aspx?id=2" title="">点击2</a></li>

  <li><a class="" href="products.aspx?id=3" title="">点击3</a></li>

</ul>
<style>
.hover{background:red}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
var s = location.search?location.search:"?id=1";
s = s.replace(/\?/g,"\\?");
$(".leftBar ul li a").each(function(){
var re = new RegExp(s + "$","i");
if(re.test($(this).attr("href"))) $(this).addClass("hover");
})
});
  </script>
<div class="leftBar fl">
  <ul class="liftNav">
  <li><a class="" href="products.aspx?id=1" title="">点击1</a></li>
  <li><a class="" href="products.aspx?id=2" title="">点击2</a></li>
  <li><a class="" href="products.aspx?id=3" title="">点击3</a></li>
</ul>
</div>