본문 바로가기

제이쿼리4

jQuery | 속성 메서드 📁 jQuery 속성 메서드에 대해 알아봅시다 ! 📂 attr() 메서드 선택한 요소의 attribute(속성)를 선택, 생성, 변경할 수 있습니다. 실행 분류 형식 취득 $("a").attr("href"); 생성, 변경 $("a").attr("href", "http://www.google.com/").attr("target", "_blank"); $("a").attr({href: "http://www.google.com/", target: "_blank"}); 콜백 함수 $("a").attr("href", function(index, h) { // index는 각 a 요소의 index 0,1,2 // h는 각 a 요소 href 속성 return attribute (속성) // 각 a 요소의 속성을 생성.. 2022. 9. 4.
jQuery | 클래스 메서드 📁 jQuery 클래스 메서드에 대해 알아봅시다 ! 📂 addClass() 메서드 요소에 class 속성을 추가할때 사용합니다. 실행 분류 형식 추가 $("div").addClass("클래스명"); 콜백 함수 $("div").addClass(function(index, className) { // index 는 각 div 요소의 index 0,1,2 // className 은 각 div의 class 속성 return class 속성 // 각 div에 class 속성을 추가함. }); ... 내용1 내용2 내용3 📢 직접 적용하면서 이해하자 ! 2022. 9. 4.
jQuery | 속성 선택자 jQuery 속성 선택자에 대해 알아봅시다 ! 선택자 종류 설명 요소[속성] $("span[class]") span 요소 중 class 속성을 가지고 있는 요소 선택 요소[속성='값'] $("span[class='abc']") span 요소 중 class가 'abc'인 요소 선택 요소[속성!='값'] $("span[class!='abc']") span 요소 중 class가 'abc'가 아닌 요소 선택 요소[속성~='값'] $("span[class~='abc']") span 요소 중 class가 'abc'를 포함하는 요소 선택 'abc'앞뒤로 연결된 문자가 없어야 선택 가능하기 때문에 'bg abc'는 선택되나 'bg_abc'는 선택되지 않음 요소[속성*='값'] $("span[class*='abc']").. 2022. 8. 30.
jQuery | 기본 선택자 jQuery 기본 선택자에 대해 알아봅시다 ! 기본 형식 : $("선택자") == $("#gnb") 선택자 종류 설명 태그 선택자 $("p") p 요소 선택 id 선택자 $("#gnb") #gnb 요소 선택 class 선택자 $(".logo") .logo인 요소 선택 자식 선택자 $("#gnb > ul > li") #gnb의 자식 요소의 자식 요소 li 선택 하위 선택자 $("#gnb ul") #gnb의 하위에 있는 모든 ul 요소 선택 인접 선택자 $("#visual + #content") #visual 다음에 오는 #content 요소 선택 형제 선택자 $("#visual ~ #footer") #visual의 형제 요소 #footer 선택 종속 선택자 $("div.util") div 요소 중 clas.. 2022. 8. 30.

It's cording time

코딩 여기서 정리하고 배워보자구 :9

자바스크립트

JAVASCRIPT

자세히 보기
html

HTML

자세히 보기
css

CSS

자세히 보기
광고 준비중입니다.

티스토리툴바