Javascript 使用jQuery设置css样式
我需要使用jQuery将css样式设置为如下元素Javascript 使用jQuery设置css样式,javascript,jquery,css,stylesheet,Javascript,Jquery,Css,Stylesheet,我需要使用jQuery将css样式设置为如下元素 #hdr-nav-wrapper ul li:hover a{ background-color:#0294ca; } #hdr-nav-wrapper ul a:hover{ background-color:#00aeff; } 除了实际颜色必须基于id为“TestDiv”的div的任何背景颜色而动态之外。这个网站有一个主题引擎,用户可以在其中使用颜色主题调色板更改颜色。我将在站点顶部添加导航栏,但我希望导航栏的背景
#hdr-nav-wrapper ul li:hover a{
background-color:#0294ca;
}
#hdr-nav-wrapper ul a:hover{
background-color:#00aeff;
}
除了实际颜色必须基于id为“TestDiv”的div的任何背景颜色而动态之外。这个网站有一个主题引擎,用户可以在其中使用颜色主题调色板更改颜色。我将在站点顶部添加导航栏,但我希望导航栏的背景与“TestDiv”当前的背景相同
如何使用该动态逻辑将上述css转换为jQuery?使用jQuery和。要使背景颜色的交换更容易,请包装
HTML:
jQuery:
$('ul li').hover(function() {
var $el = $(this).find('div');
if($el.length > 0) {
$el.css('background-color', $('#TestDiv').css('background-color'));
}
}, function() {
var $el = $(this).find('div');
if($el.length > 0)
$el.css('background-color','');
});
使用jQuery和。要使背景颜色的交换更容易,请包装
HTML:
jQuery:
$('ul li').hover(function() {
var $el = $(this).find('div');
if($el.length > 0) {
$el.css('background-color', $('#TestDiv').css('background-color'));
}
}, function() {
var $el = $(this).find('div');
if($el.length > 0)
$el.css('background-color','');
});
可能的重复可能的重复我可能对你想要达到的目标有一个稍微不同的想法。是否确实要更改
背景而不是
?它实际上是。谢谢你的帮助!我可能对你想要实现的目标有一个稍微不同的想法。是否确实要更改
背景而不是
?它实际上是 。谢谢你的帮助!
$('ul li').hover(function() {
var $el = $(this).find('div');
if($el.length > 0) {
$el.css('background-color', $('#TestDiv').css('background-color'));
}
}, function() {
var $el = $(this).find('div');
if($el.length > 0)
$el.css('background-color','');
});