[英]How to combine these two javascript/jquery scripts
我有一個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>
如何將這些結合起來以達到我想要的結果?
為什么不只是:
$(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');
});
});
<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);
);
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.