如何使用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;
}