jQuery基础问题？？？？在线等...急急急急急急

Question

为什么下面这段代码不能运行，那位帮忙看看，新手，谢谢
<div class="main_div">
<script language="javascript">
//鼠标移入对象时触发
$(".main_div > ul").mouseover(function(event) {
  $(event.target).css("color","#FF0000");
});
//$mouseout(fn) //鼠标从元素上离开后会触发
//$click() //触发页面内所有段落的点击事件
</script>
  <ul>1sdfsdfsd</ul>
  <ul>2sdfsdfsd</ul>
  <ul>3sdfsdfsd</ul>
  <ul>4sdfsdfsd</ul>
  <ul>5sdfsdfsd</ul>
  <ul>6sdfsdfsd</ul>
<br /><br />
</div>
问题出在(".main_div > ul")这里，如果中间是("*")就能实现我的要求，可那不是我相要的，也就是层级上我是不是写错了，还是有其它要求？

Answer 1

$(".main_div > ul").mouseover(function(event) {
  $(event.target).css("color","#FF0000");
});改为$("ul").mouseover(function(event) {
  $(event.target).css("color","#FF0000");
});就可以了 因为你的ul外面并没有包含一个class为main_div 的div啊

Answer 2

看错了不好意思  楼主你将你的script 事件移到div下面去试试  让它加载完毕后在去找找<div class="main_div">  <ul>1sdfsdfsd</ul>
  <ul>2sdfsdfsd</ul>
  <ul>3sdfsdfsd</ul>
  <ul>4sdfsdfsd</ul>
  <ul>5sdfsdfsd</ul>
  <ul>6sdfsdfsd</ul>
<br /><br />
</div><script language="javascript">
//鼠标移入对象时触发
$(".main_div > ul").mouseover(function(event) {
  $(event.target).css("color","#FF0000");
});
//$mouseout(fn) //鼠标从元素上离开后会触发
//$click() //触发页面内所有段落的点击事件
</script>