728x90 반응형 SMALL JAVASCRIPT21 Javascript Jquery 객체 조작 메서드 - 속성조작 메서드 # html() / text() 메서드 $("요소 선택").html(); 선택한 하위 요소를 가져와 문자열로 반환 $("요소 선택").html("새요소); 선택한 하위 요소를 전부 제거하고 지정한 새 요소를 생성 $("요소 선택").text(); 선택한 요소의 텍스트만 가져옴 $("요소 선택").text("새 텍스트"); 선택한 요소의 하위 요소를 전부 제거하고 지정한 텍스트를 생성 객체 조작 및 설정 html() 내용1 텍스트() 내용2 # attr() / removeAttr() 메서드 $("요소 선택").attr("속성명"); 선택한 요소의 지정한 속성 값을 가져 옴 $("요소 선택").attr("속성명", "새 값"); 요소를 선택하여 지정한 속성 값을 적용 $("요소 선택").attr({"속성명1.. 2022. 7. 10. Javascript Jquery Contents search selector 제이쿼리 콘텐츠 탐색 선택자 # contains() contents() has() not() end() 탐색 선택자 콘텐츠 탐색 선택자 contains(), contents(), has() 내용1 내용2 내용3 not(), end() 내용4 내용5 내용6 # find() filter() 탐색 선택자 ❌ 실행안됨..?? 콘텐츠 탐색 선택자 find(), filter() 내용1 내용2 filter(function) index 0 index 1 index 2 index 3 # is() 메서드 선택한 요소의 상태가 지정한 속성과 일치하면 true, 그렇지 않으면 false 반환 is() 문단 태그 영역 내용 내용2 폼 태그 영역 체크1 체크2 출처 : doit javascript 2022. 6. 2. Javascript Jquery .val() 자바스크립트 .val() # .val() 양식 form의 값을 가져오거나, 값을 설정하는 메서드 var hi = $('input#hello').val(); 아이디가 hello인 input 요소의 값을 변수 hi에 저장 .val(value) $('input#hello').val('ABC'); 아이디가 hello인 input 요소의 값을 ABC로 설정 2022. 5. 12. Javascript Jquery attribute search selector 자바스크립트 제이쿼리 속성 탐색 선택자 # 속성과 값에 따른 탐색 선택자 특정 속성을 포함하는 요소를 선택할 때 사용 $("요소선택[속성]") 선택한 요소 중 지정한 속성이 포함된 요소만 선택 함. $("요소선택[속성^=값]") 선택한 요소 중 속성값이 명시한 값으로 시작하는 요소만 선택함 $("요소선택[속성$=값]") 선택한 요소 중 속성값이 명시한 값으로 끝나는 요소만 선택함 $("요소선택[속성*=값]") 선택한 요소 중 속성값이 명시한 값을 포함하는 요소만 선택함 $(":type 속성값") input 요소 중 type 속성값이 일치하는 요소만 선택함 helloworld Naver Google Daum 아이디 비번 # 속성 상태에 따른 탐색 선택자 선택한 요소 중 속성 상태에 따라 요소를 선택 함. $("요소 선택:[visible | hi.. 2022. 5. 12. 이전 1 2 3 4 ··· 6 다음 728x90 반응형 LIST
