jquery hover AJAX处理

<a id="test">a</a><div id=test1></div>
<a id="test">b</a><div id=test2></div>
<a id="test">c</a><div id=test3></div>
...
以上实在循环体内的

要的效果是 鼠标分别放在 a b c上 就展示 后面 <div id=test1> <div id=test2> <div id=test3>的内容
移出要取消
在加载数据的时候 出现loading...

代码如下，注意id值是不能重复的：
<a class="myclass"><div></div>
<a class="myclass"><div></div>
<a class="myclass"><div></div>$('.myclass').click(function() {
    var div = $(this).next();
    div.text('loading...');
    div.load("..."); // ...替换为你的地址
});

望采纳，谢谢支持！

$('a#test').hover(function() {     $(this).next().text('loading...');     $(this).next().load('url'); },function(){     $(this).next().text(''); });

css不能更换class，jquery是没问题，不过要看你使用什么版本了，jquery2.0就不支持ie的低版本了。还有可以看下是不是jquery的路径没有写正确，直接打开的跟在服务器环境下有些区别的。 $(function(){     $('a').hover(function(){         $(this).addclass('mued');     },function(){         $(this).removeclass('mued');     }); });