JQuery的，如果（）VS：包含

Question

什麼是寫這個的更有效的方法：

if ($('.shipping .price').text() === "FREE"){ 
    $('.shipping .price').addClass('text-primary'); 
} 

OR

$('.shipping .price:contains("FREE")').addClass('text-primary'); 

Answer 1

一個quick test表明，隨着if代碼運行速度比快約5倍一個與contains選擇器。但是，正如其他人在評論中已經解釋的那樣，這兩者並不相同。

你可以更通過調用緩存來$('.shipping .price')這樣加快速度：

var elem = $('.shipping .price'); 
if (elem.text() === "FREE"){ 
    elem.addClass('text-primary'); 
} 

然而，對於幾乎所有的現實場景的性能差異不會在所有問題，你應該去的選項這對其他人來說更有效率。如果你真的關心性能（例如，如果你有一個相當大的價格表），你應該使用vanilla JS，在這種情況下，速度要快10倍。