오늘은 jQuery 매뉴얼을 따라가며 선택기 사용에 대해 배웠습니다. 사용자 등록 확인을 작성하려고 했는데, 시작하기도 전에 아주 작은 문제가 발생했습니다. 신규 사용자는 필연적으로 작은 세부 사항을 접하게 됩니다. 이 기사는 자조용입니다. 코드의 테스트 부분은 다음과 같습니다. 코드 복사 코드는 다음과 같습니다. < /script> <br><script type="text/javascript"> <br><br>function checkUser(){ //사용자 이름을 확인하는 함수<br>alert("OK "); //시험. . . <br>} <br><br>$(document).ready(function(){ <br><br>$(":text :first").blur(function (){ //포커스가 손실될 때 트리거됨 <br><br>/**제가 오랫동안 고생해온 곳이 바로 이곳입니다. 물론 제가 구하고 싶은 것은 사용자 등록 요소이므로 위와 같이 <br><br>* 선택자를 사용했지만 결과가 전혀 나오질 않습니다! 코드를 확인해 보니 전혀 오류가 없는 것으로 나타났습니다! 그렇다면 문제는 무엇입니까? <br><br>*선택기를 사용하는 데 문제가 있나요? #id 선택자로 전환했는데 괜찮았습니다. 하지만 이론적으로는 위의 선택자는 확실히 문제가 되지 않습니다! <br><br>*$(":input :text")를 다시 사용했습니다. 오류가 발생했습니다! $(":input :eq(0)"); 오류! 소녀! 무엇이 문제인가요? <br><br>* 이때 실수로 :text와 :first 사이의 공백을 손으로 삭제해서 실행했더니 바로 실행이 되더라구요! <br><br>* 선택기를 다시 한번 시도해 보세요. 모두 괜찮습니다! 많은 테스트 끝에 다음과 같은 경험이 도출되었습니다. <br><br>* 내부 관계가 포함된 결합 선택자를 사용할 때 사이에 공백을 추가할 수 없습니다! $(":text :first)" 오류! $(":text:first) <br><br>**/ 맞습니다! 계층적 조합 선택기를 사용할 때는 <br>checkUser() <br><br>}); > <범례> ;/legend> 사용자 이름비밀번호비밀번호 확인이메일