jQuery - document.getElementById("selectlist").value를 사용하여 이 작업을 수행하는 방법

jQuery - document.getElementById("selectlist").value를 사용하여 이 작업을 수행하는 방법

jQuery에서 다음과 동등한 것은 무엇입니까?document.getElementById("selectlist").value?

나는 셀렉트 리스트 항목의 값을 얻으려고 합니다.

감사해요.

여기서 "동등한"이란 단어는

그러는 동안...

$('#selectlist').val();

...은 ...과 동등합니다.

document.getElementById("selectlist").value

주목할 만한 것은...

$('#selectlist')

...비록 '독립적'이 ...과 같지는 않지만,

document.getElementById("selectlist")

...전자가 DOM 개체가 아닌 jQuery 개체를 반환합니다.

jQuery 개체에서 DOM 개체를 가져오려면 다음을 사용합니다.

$('#selectlist').get(); //get all DOM objects in the jQuery collection
$('#selectlist').get(0); //get the DOM object in the jQuery collection at index 0
$('#selectlist')[0]; //get the DOM objects in the jQuery collection at index 0

$('#selectlist').val();

혼돈이 감지되지만, 이러한 종류의 질문에 대해서는 온라인으로 Jquery Documentation을 확인해야 합니다. 정말로 매우 포괄적입니다.사용자가 원하는 기능을 'jquery selector'라고 합니다.

일반적으로 당신은 합니다.$('#ID').val()이후에는 셀렉터에서 반환되는 요소에 대해 여러 가지 작업을 수행할 수 있습니다.또한 특정 클래스의 모든 요소를 선택하고 각 요소에 대해 작업을 수행할 수 있습니다.몇 가지 좋은 예는 설명서를 참조하십시오.

모두 거의 동일하지만 세 가지 다른 방법으로 수행할 수 있습니다.

자바스크립트 방식

document.getElementById('test').value

제이쿼리웨이

$("#test").val()          

$("#test")[0].value             

$("#test").get(0).value

jQueryid 선택기가 document.getElementById보다 느리는지 궁금해하는 사람들에게 대답은 yes이지만 요소를 찾는 전체 DOM을 검색한다는 선입견 때문은 아닙니다. jQuery는 실제로 네이티브 메서드를 사용합니다.실제로 jQuery는 먼저 정규식을 사용하여 실렉터에서 확인할 문자열을 구분하고 생성자를 실행하기 때문입니다.

rquickExpr = /^(?:(<[\w\W]+>)[^>]*|#([\w-]*))$/

반면에 DOM 요소를 인수로 사용하면 'this'와 함께 즉시 반환됩니다.

그래서 이것은:

$(document.getElementById('blah')).doSomething();

항상 이보다 빠름:

$('#blah').doSomething();

어떤 경우에는 왜 그런지 기억이 안 나지만,$('#selectlist').val()항상 올바른 항목 값을 반환하지 않으므로 사용합니다.$('#selectlist option:selected').val()대신.

언급URL : https://stackoverflow.com/questions/1310159/how-to-do-this-using-jquery-document-getelementbyidselectlist-value