jQuery的 - 訪問形式通過功能

Question

項目我在網絡上的一些例子，人們傳遞形式的函數，然後他們只使用該項目的ID來訪問它像發現：

<form id="frm"> 
<input type="text" id="textbox" name="textbox" value="some value" /> 
</form> 

<script> 
console.log(getelementval("#frm")); 

function getelementval(frm) { 
return frm.textbox.val(); 
} 
</script> 

但螢火告訴我，frm.textbox是不確定的......然後我在尋找它爲什麼上不了網工作，但我沒有發現任何解釋這個選項，以及如何使用它。 任何線索？

Answer 1

你將不得不修改JS略，使這項工作：

function getelementval(frm) { 
    return $(frm)[0].textbox.value; 
} 

演示：http://jsfiddle.net/gdZEK/2/

• $(frm)返回選擇相匹配的元素。
• [0]獲取實際的DOM元素。
• .textbox作品的DOM元素而已，不是jQuery的對象。它匹配[name='textbox']。以被用來代替.val()
• .value需要，.textbox不是jQuery對象。

老實說，我實在不明白這是怎麼比只使用jQuery的好：

$('#frm input[name="textbox"]').val(); 

Answer 2

這是純JavaScript，而不是JQuery的

function getelementval(frm) { 
    var f = document.getElementById(frm); 
    return f.textbox.value; 
} 

console.log(getelementval("frm")); 

JQuery的版本

function getelementval(frm) { 
    var f = $(frm)[0]; 
    return f.textbox.value; 
} 

console.log(getelementval("#frm"));