DOM 요소 선택 코드를 jQuery로 변환

jQuery로 변환 할 큰 자바 스크립트 코드베이스가 있습니다. 이 코드는 DOM 요소가 Javascript (DomBuilder라는 라이브러리 사용)에서 만들어지고 DOM에 추가되기 전에 나중에 필요할 경우 변수에 저장되도록 구성되어 있습니다.DOM 요소 선택 코드를 jQuery로 변환

예 :

var inputs = 
{ 
    submitConfirm: INPUT({type: 'button', value: 'Submit'}), 
    submitCancel : INPUT({type: 'button', value: 'Cancel'}) 
}; 

document.appendChild(inputs.submitConfirm);

그런 다음 나중에 예를 들어 ...

inputs.submitCancel.style.display = 'none'; 
inputs.submitCancel.addEventListener('click', onClickSubmitCancel, false);

내 문제는 '(JQuery와 예를 들어 $에 대한과 (첫째을 선택 반대로, 직접 DOM 요소를 조작하는 방법을 부족한 것이다 #submitCancel ').

사람이 DOM 요소를 이미 사용할 수 있음을 주어 직접 jQuery를 사용하는 위의 마지막 두 자바 스크립트 라인을 번역 할 수있는 방법을 제안 할 수 있습니다, 그래서 선택해야하지?

출처

2010-05-03 Tom McDonnell

호기심에서 벗어났습니다. 왜 완성 된 작업 스크립트에 중량 프레임 워크를 추가하려고합니까? – RoToRa

브라우저 간 호환성. 이 코드는 현재 Firefox에서만 작동합니다. –

모든 DOM 요소는 매우 쉽게 jQuery를 객체로 포장 될 수있다 : 당신이 jQuery를 방법을 사용할 수 있습니다 즉, myObject와

var myObject = $(domElement)

출처

2010-05-03 12:19:39 kgiannakakis

아! 단순한! 나의 전환 프로젝트는 내가 기대했던 것처럼 간단 할 것이다. 신속한 답변에 감사드립니다. –

$(elementVar)을 사용하여 DOM 요소가 포함 된 jQuery 객체를 가져옵니다. 예를 들어 당신이 준 :

$(inputs.submitCancel).hide().click(onClickSubmitCancel);

출처

2010-05-03 12:19:03 interjay

$(inputs.submitCancel).css('display', 'none');

및

$(inputs.submitCancel).bind('click', onClickSubmitCancel);

는 jQuery를 받아들이을 확인하려면 http://api.jquery.com/jQuery/를 참조하십시오.

출처

2010-05-03 12:20:49 Matt

DOM 요소 선택 코드를 jQuery로 변환

답변

관련 문제