使用伪选择器jquery

Question

我想知道是否有一种方法可以使用jQuery中的CSS伪选择器 - （AKA嵌套元素）this。这可能是什么样子。

$('#element').click(function(){ 
     $(this' .nested').css('height','100px'); 
    }); 

但是，这不是语法的工作原理。我只想知道它是如何工作的。

Answer 1

使用find()代替。例如：

$('#element').click(function(){ 
    $(this).find('.nested').css('height','100px'); 
}); 

Answer 2

当您使用$（本）使用.find（）来获取元素，你想 这样

$('#element').click(function(){  
    $(this).find('.nested').css('height','100px'); 
}); 

Answer 3

您可以使用的CSS（），或者也切换jQuery的一类，并设置你的CSS文件中的CSS属性，它它通常更多的表演和可重复使用。

$('#element').click(function(){  
    $(this).find('.nested').css('height','100px'); 
}); 

或也

$('#element').click(function(){  
    $(this).find('.nested').toggleClass('height-nested'); 
}); 

CSS

.height-nested{ 
    height: 100px; 
} 

Answer 4

使用下面的代码

$('#element').click(function(){ 
    $('.nested',this).css('height','100px'); 
}); 

或者

$('#element').click(function(){ 
    $(this).find('.nested').css('height','100px'); 
});