Rainbow

.add() .add() 메서드는 선택된 요소와 새로운 요소를 추가적으로 효과를 줍니다. add()는 선택자, 객체, HTML 요소 등을 선택할 수 있습니다. 문법(Syntax) $("선택자").add("선택자"); $("선택자").add("태그"); $("선택자").add("요소"); 정의(Definition) 선택된 요소에서 선택자를 추가하여 효과를 줍니다. 또 다른 태그를 만든 것이 아니라 또 다른 효과를 주기위해 효과를 추가하는 것입니다. 선택된 요소에 추가적으로 태그를 추가하여 효과를 줄 수 있습니다.

.attr() 선택한 HTML 요소의 속성 값을 설정하거나 반환합니다. 문법(Syntax) $("선택자").attr("속성"); $("선택자").attr("속성", "속성값"); $("선택자").attr({"속성":"속성값", "속성":"속성값", .... }); $("선택자").attr("속성", 함수); 정의(Definition) .attr() 메서드는 선택한 요소의 속성 값을 가져옵니다. .attr() 메서드는 선택한 요소의 속성 값을 변경합니다. .attr() 메서드는 선택한 요소의 여러개 속성 값을 변경합니다. .attr() 메서드는 선택한 요소의 속성과 함수를 설정합니다.

.scrollTop() 선택한 요소의 세로 스크롤 값을 설정하거나 반환합니다. 문법(Syntax) $("선택자").scrollTop(); $("선택자").scrollTop("속성값"); 정의(Definition) .scrollTop() 메서드는 선택한 요소에 세로 스크롤 값을 가져옵니다. .scrollTop("속성값") 메서드는 선택한 요소에 세로 스크롤 값을 변경합니다. 속성(ATTRIBUTES) square scrollLeft() = 0 scrollTop() = 0 scrollLeft() = 0 scrollTop() = 0 리셋 클릭하면 원의 square의 scrollLeft() 좌표값을 표현합니다. 클릭하면 원의 square의 scrollTop() 좌표값을 표현합니다. 클릭하면 원의 브라우저의 sc..

[jQuery] .offset() 선택한 요소의 위치 좌표 값(문서 기준)을 설정하거나 반환합니다. .offset() 선택한 요소의 위치 좌표 값(문서 기준)을 설정하거나 반환합니다. 문법(Syntax) $("선택자").offset(); $("선택자").offset().top; $("선택자").offset().left; $("선택자").offset({ top: "속성값", left: "속성값" }) $("선택자").offset("함수"); 정의(Definition) .offset() 메서드는 선택한 요소에 좌표 값을 가져옵니다. .offset().top 메서드는 선택한 요소에 Y축 좌표 값을 가져옵니다. .offset().left 메서드는 선택한 요소에 X축 좌표 값을 가져옵니다. .offset({ to..

기본 선택자 태그 선택자 $("p") 기본 태그를 선택합니다. 클래스 선택자 $(".class") 클래스 태그를 선택합니다. 아이디 선택자 $("#id") 아이디 태그를 선택합니다. 그룹 선택자 $("p, .class, #id") 여러가지 태그를 선택합니다. 전체 선택자 $("*") 전체 태그를 선택합니다. 속성 선택 - 태그의 속성을 사용하여 선택하는 방법입니다. [name|="value"] $("li a[href|='web']") 속성 중에 'web'과 같은 속성 값을 선택합니다. [name*="value"] $("li a[href*='web']") 속성 중에 'web'가 포함되어 있는 태그를 선택합니다. [name~="value"] $("li a[href~='web']") 속성 중에 'web'으로 ..