如何使用jQuery更改css属性

Question

我只是在div的顶部显示三角形，如以下示例所示： http : //jsfiddle.net/yuvaraj_b/wPWDm/19/ 。

我希望MENU FOUR显示的三角形显示在右侧而不是左侧。

这不起作用：

$(this).find(".dropdown ul li:first-child > a:after").css( "left", "300px" );

我该如何解决这个问题，以便它检测到此类并更改left的位置。

Answer 1

诸如:after类的伪元素在DOM中不存在，因此无法通过jQuery选择器字符串作为目标。

通常，您可以通过使用CSS类以及addClass和removeClass （如果打算在以后的代码执行中再切换回去，则可以使用toggleClass ）jQuery方法来完成相同的事情-这将允许您动态更改创建psuedo-element的CSS 。 因此，与其直接通过jQuery直接操作psuedo元素的CSS，不如为您a元素编写一个CSS类， a元素具有a:after psuedo元素的更新CSS，并在需要移动三角形时切换该类。

Answer 2

而是添加父元素的类，然后根据该新类分配静态CSS样式。 :after无法直接由JavaScript定位。

$(this).find(".dropdown ul li:first-child > a").addClass('moved');

CSS：

.dropdown ul li a.moved:after {
    left: 300px;
}