jQuery選擇優化

Question

考慮HTML

<div id="one" > 
<input type="radio" value="x" name="group" > 
<input type="radio" value="y" name="group" > 
<input type="radio" value="z" name="group" > 
</div> 

我有一個關於使用jQuery的DOM訪問兩個問題。

1. 問題一

我只是想找到輸入電臺的值，它是selected.So我有

方法1：

var value=""; 
$("#one input:radio[name=group]").each(function(){ 
    if($(this).is(:checked)){ 
    value=$(this).val(); 
    } 
}); 

方法2：

var value=$("#one input:radio[name=group]:checked").val(); 

兩種方法之間有相當大的性能差異嗎？而不是方法2在一行代碼中執行該操作。

或者請解釋實際上發生在jquery裏面的行"input:radio[name=group]:checked"？

1. 問題二

我想設置checked屬性真正 具有值輸入 「Y」。所以

$("input:radio").filter("[value=y]").attr('checked', true); 

和

$("#one input:radio[name=group]").filter("[value=y]").attr('checked', true); 

將這樣做。

添加「div id」和「[name = group]」是否有任何性能差異？

Answer 1

當它歸結爲純粹的PERF，有一個解決方案，我找到更好的：「你自己做吧」（上jsperf）

我做了測試，但它只花了我的時間，使複製/粘貼;)

http://jsperf.com/selectoroptimization

從結果我補充，最好的方法似乎是第二個關於第一個問題，但對於第二個它依賴於瀏覽器。