Question

我有一个id #navigation li a和一个类.menu-description。我希望在#navigation li a

上徘徊时更改类.menu-description的文本颜色

到目前为止我的jquery：

<script>
$(document).ready(function() {
  $('#navigation li a').mouseover(function() {

  //Check if element with class exists, if so change it to new
           if ($('div.menu-description').length != 0)
                $('div.menu-description').removeClass('menu-description').addClass('menu-descriptionnew');
           //Check if element with class 'menu-descriptionnew' exists, if so change it to 'menu-description'
           else if ($('div.menu-descriptionnew').length != 0)
                $('div.menu-descriptionnew').removeClass('menu-descriptionnew').addClass('menu-description');
                });
});
</script>

第二个脚本：

<script>
$(document).ready(function() {
    $('.menu-description').hover( function(){

        $(this).css('color', '#EEEEEE');

    },
    function(){

        $(this).css('color', '#000000');

    });

});
</script>

如何将这些结合起来以达到我想要的结果？

Answer 1

为什么不呢：

$(document).ready(function() {
  $('#navigation li a').mouseover(function() {

  //Check if element with class exists, if so change it to new
           if ($('div.menu-description').length != 0)
                $('div.menu-description').removeClass('menu-description').addClass('menu-descriptionnew');
           //Check if element with class 'menu-descriptionnew' exists, if so change it to 'menu-description'
           else if ($('div.menu-descriptionnew').length != 0)
                $('div.menu-descriptionnew').removeClass('menu-descriptionnew').addClass('menu-description');
                });

    $('.menu-description').hover( function(){

        $(this).css('color', '#EEEEEE');

    },
    function(){

        $(this).css('color', '#000000');

    });

});

Answer 2

<script>
$(document).ready(function() {
  $('#navigation li a').mouseover(function() {

  //Check if element with class exists, if so change it to new
           if ($('div.menu-description').length != 0)
                colorA();
           //Check if element with class 'menu-descriptionnew' exists, if so change it to 'menu-description'
           else if ($('div.menu-descriptionnew').length != 0)
                $colorB();
                });
});

function colorA()
{
   $(this).css('color', '#EEEEEE');
}

function colorB(){
   $(this).css('color', '#000000');
}

$('.menu-description').hover(colorA,colorB);
);

如何组合这两个javascript / jquery脚本

2 个答案: