본문 바로가기

제이쿼리4

제이쿼리 : 스타일 관련 메서드 제이쿼리 : 스타일 관련 메서드 오늘은 JQuery의 주요 메서드들 중, 스타일과 관련된 메서드를 알아보도록 하겠습니다. 1. css() 메서드 실행 분류 형식 취득 $("div").css("width"); 생성, 변경 $("div").css("background-color", "red").css("padding", "10px"); $("div").css({"background-color: "red", padding: "10px"}); 콜백 함수 $("div").attr("width", function(index, w) { // index는 각 div 요소의 index 0, 1, 2 // w는 각 div 요소의 width 값 return css 속성 // 각 div 요소의 css 속성을 생성 및 변경합니.. 2022. 9. 5.

제이쿼리 : 속성 관련 메서드 제이쿼리 : 속성 관련 메서드 오늘은 JQuery의 주요 메서드들 중, 속성과 관련된 메서드를 알아보도록 하겠습니다. 1. 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 속.. 2022. 9. 4.

제이쿼리 : 탐색 선택자 제이쿼리 : 탐색 선택자 오늘은 JQuery의 탐색 선택자에 대하여 알아보도록 하겠습니다. 1. 기본 탐색 선택자 선택자 종류 설명 children() $("div").children() div 요소의 자식 요소를 선택합니다. parent() $("p").parent() p 요소의 부모 요소를 선택합니다. parents() $("p").parents("div") p 요소의 부모가 되는 모든 div 요소를 선택합니다. closest() $("p").closest("div") p 요소의 부모가 되는 첫 번째 div 요소를 찾습니다. next() $("div.m").next() div.m 요소의 다음 요소를 선택합니다. nextAll() $("div.m").nextAll() div.m 요소의 다음 요소들을 모.. 2022. 9. 1.

제이쿼리 : 연결 방법 제이쿼리 : 연결 방법 JQuery는 자바스크립트 언어를 간편하게 사용할 수 있도록 단순화시킨 오픈 소스 기반의 자바스크립트 라이브러리입니다. JQuery를 이용하면 짧고 단순한 코드로도 웹 페이지에 다양한 효과나 연출을 적용할 수 있습니다. 1. JQuery의 장점 1. JQuery는 주요 웹 브라우저의 구버전을 포함한 대부분의 브라우저에서 지원됩니다. 2. HTML DOM을 손쉽게 조작할 수 있으며, CSS 스타일도 간단히 적용할 수 있습니다. 3. 애니메이션 효과나 대화형 처리를 간단하게 적용해 줍니다. 4. 같은 동작을 하는 프로그램을 더욱 짧은 코드로 구현할 수 있습니다. 5. 다양한 플러그인과 참고할 수 있는 문서가 많이 존재합니다. 6. 오픈 라이선스를 적용하여 누구나 자유롭게 사용할 수 있.. 2022. 8. 29.

이전 1 다음

728x90

감사합니다. 🦙

JAVASCRIPT

HTML

CSS

광고 준비중

티스토리툴바