Javascript 使用JQuery更改CSS属性

我正在使用jQueryUI选项卡，希望更改鼠标悬停上某个元素的属性

我的HTML是这样的：

…

jquery是：

$('#guide-nav ul#sub-tabs span').mouseover(function() {
   $("#guide-nav ul#sub-tabs li p").css("display", "none"); 
});

但这是行不通的

<ul id="sub-tabs">
    <li><a href="#000"><span>000<br /><p id="ct1">General</p></span></a></li>
</ul>

或者试试这个：

$('#guide-nav ul#sub-tabs span').mouseover(function() {
   $("p#ct1").css("display", "none"); 
});

或者这个：

$('#guide-nav ul#sub-tabs span').mouseover(function() {
   $(this).find('p').css("display", "none"); 
});

用这个

$('#guide-nav ul#sub-tabs span').mouseover(function() {
   $("#guide-nav ul#sub-tabs li p").css({display:"none"}); 
});

---

好的，我把它包装在一个函数中，它可以工作

$(function() {                                             
    $('#guide-nav ul#sub-tabs li a span').mouseover(function() {
        $(this).find('p').css("display", "none"); 
    });
});

---

我决定使用上面的语句只隐藏所选选项卡中的元素，因为当我尝试您的代码时，会出现多个元素。您确定在执行javascript时DOM已完成加载吗

$(document).ready(function() {
  $('#guide-nav ul#sub-tabs span').mouseover(function() {
    ("#guide-nav ul#sub-tabs li p").css("display", "none");
  });
});

---

而不是

.css（“显示”、“无”）

您还可以使用

.hide（）

，这只是编写.css（“display”，“none”）的另一种方式，不会改变代码的反应方式。仍然不行。我可能会在一个独立的环境中尝试，看看页面上是否有其他代码在干扰它……这似乎也不起作用。我在想也许jQueryUI选项卡可能正在重写元素的样式和/或名称，所以我删除了这个调用，但仍然没有成功。

$(document).ready(function() {
  $('#guide-nav ul#sub-tabs span').mouseover(function() {
    ("#guide-nav ul#sub-tabs li p").css("display", "none");
  });
});