Javascript 将其与伪选择器jquery一起使用

我想知道是否有一种方法可以将其用于CSS伪选择器——也就是jQuery中的嵌套元素。下面是它可能的样子

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

---

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

当您使用$this use时。查找以获取所需的元素 像这样

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

改用find。例如：

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

---

您可以使用.css，也可以在jQuery中切换一个类，并在css文件中设置css属性，这通常会提高性能和可重用性

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

或者也

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

CSS

使用以下代码

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

或

---

非常感谢。这太完美了。我喜欢你的答案，只是为了增加性能方面的东西，第一个是慢，第二个是慢

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

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