Giant Danio Fish
본문 바로가기

jQuery3

jQuery - 스타일 메서드 jQuery 스타일 관련 메서드 jQuery 스타일 관련 메서드에 대해서 알려드리겠습니다. CSS() 메서드 메서드 종류 설명 width() 요소의 가로 길이를 취득, 변경할 수 있습니다. innerWidth() padding이 적용된 요소의 가로 길이를 취득, 변경할 수 있습니다. outerWidth() border와 margin이 적용된 요소의 가로 길이를 취득, 변경할 수 있습니다. outerWidth()는 요소의 width 값 + 좌,우 border 값 outerWidth(true)는 요소의 width값 + 좌,우 margin 값 height() 요소의 높이를 취득 변경할 수 있습니다. innerHeight() padding이 적용된 요소의 높이를 취득, 변경할 수 있습니다. outerHeight.. 2022. 9. 3.
jQuery - 속성 메서드 jQuery 속성 관련 메서드 jQuery 속성 관련 메서드에 대해 알려드리겠습니다. attr() 메서드 선택한 요소의 attribute(속성)를 선택, 생성, 변경할 수 있습니다. 실행 분류 형식 취득 $("a").attr("href"); 생성, 변경 $("a").attr("href", "http://icoxpublish.com").attr("target", "_blank"); $("a").attr({"href": "http://icoxpublish.com", target:"_blank"}); 콜백 함수 $("a").attr("href", function(index, h){ //index는 각 a 요소의 index 0, 1, 2 //h는 각 a 요소 href 속성 return attribute(속성) .. 2022. 9. 3.
jQuery - 클래스 메서드 jQuery 클래스 관련 메서드 jQuery 클래스 관련 메서드에 대해서 알려드리겠습니다. addClass() 메서드 요소에 class속성을 추가합니다. 실행 분류 형식 추가 $("div").addClass("클래스명"); 콜백 함수 $("div").addClass(function(index, className){ // index는 각 div 요소의 index 0, 1, 2 // className은 각 div의 class속성 return class 속성 // 각 div에 속성을 추가합니다. }); .... 내용1 내용2 내용3 예시 addClass() 메서드를 이용해 간단한 예시로 보여드리겠습니다. 결과 See the Pen jQuery_class by younghwan12 (@younghwan12) o.. 2022. 9. 3.

광고 준비중입니다