Question

用jQuery怎么给当前DIV的某个CSS加样式？

<div class="white1">
<a class="jt1"></a>
.........................
</div>
我想让鼠标移动到white1的时候，改变<a class="jt1"></a>的样式，变成<a class="jt2"></a>
我的页面有很多个这样的DIV，我只想让当前鼠标移动到的DIV变样式，不是每一个DIV都变，该怎样？

Answer 1

很简单，
$(".white1").mouseover(function(){
$("a[class='jt1']").removeClass('jt1').addClass('jt2');

});

追问

对了，我忘了说，我的页面有很多个这样的DIV，我只想让当前鼠标移动到的DIV变样式，不是每一个DIV都变，该怎样？

追答

$(".white1").mouseover(function(){
$(this).find('a[class="jt1"]').removeClass('jt1').addClass('jt2');
})
试试这个！

Answer 2

方法如下：

$(".white1").mouseover(function(){ 
$("a[class='jt1']").removeClass('jt1').addClass('jt2');
});

Answer 3

对了，我忘了说，我的页面有很多个这样的DIV，我只想让当前鼠标移动到的DIV变样式，不是每一个DIV都变，该怎样？
找到他的父级NODE，比如white_parent
$('#white_parent').each('div').hover(
function(){this.removeClass('jt1').addClass('jt2')},
function(){this.removeClass('jt2').addClass('jt1')}
)

Answer 4

$(".white1").mouseover(function(){
$(".white1 a").removeClass("jt1").addClass("jt2");
})

追问

对了，我忘了说，我的页面有很多个这样的DIV，我只想让当前鼠标移动到的DIV变样式，不是每一个DIV都变，该怎样？

Answer 5

Vue实践-CSS样式position/display/float属性对比使用