JQuery3

• 

  [jQuery] select박스 선택한 option text값 출력 select 박스 선택한 option text값만 출력하기. select 박스에서 선택한 value를 출력하여 사용하는 경우는 자주 있다. 하지만 value 값이 아닌 선택한 text 값만 뽑아서 사용하고 싶은 경우가 생겨서 알게 되었다. 간단하지만 헷갈릴만한 내용이 있어 정리해둔다 ! 평소 javascript에서 value를 출력할 때 아래와 같이 사용하기에 text도 같은 맥락인 줄 알았다.. //testId의 value출력하기 $("#testId").val(); //testId를 select박스의 id라고 가정했을때 //testId의 선택한 option의 value가 출력된다. 하지만 아래와 같이 text를 출력하면 testId의 option의 모든 text값을 나열한다. $("#testId").t.. FE/jQuery 2021. 8. 20.

• 

  [jQuery] 체크박스(checkbox) 다루기. 체크유무/전체체크/값 확인 jquery로 체크박스 다루기 jQuery로 체크박스를 다루는 여러 가지 방법들을 정리해본당 체크박스의 체크 유무 확인, 체크박스 체크 처리, 체크박스 값 가져오기 방법을 살펴보자 ! 체크박스의 체크 유무 확인하는 방법 ▷ id로 확인하기 $('input:checkbox[id="chkboxId"]').is(":checked") == true; ▷ name으로 확인하기 $('input:checkbox[name="chkboxName"]').is("checked") == true; $('imput[name="chkboxName"]').is("checked") == true; ▷ prop() 메소드 사용 $('#chkboxId').prop("checked"); 체크박스 체크 처리하기 (전체 체크) ▷ 개별 처리.. FE/jQuery 2021. 2. 10.

• 

  [javascript] Dom객체 id 존재여부 확인하기 javascript를 이용해서 페이지 내 특정 DOM 객체가 존재하는지 확인하는 방법 (id사용) 자바스크립트와 jQuery 각각의 사용 방법을 정리해본다. test라는 id를 갖고 있는 객체가 있는지 찾아보자 ! jQuery는 객체가 존재하지 않으면 length를 0으로 리턴한다. 이 점을 알고 원하는 조건에 맞게 알맞게 수정해서 사용하면 편리하겠다 :> ~~ FE/JavaScript 2020. 9. 17.