Today coding coord </CODi> 열기 분류 전체보기 Javascript jQuery HTML CSS LAYOUT SITE 제작 JS 응용하기 CSS 애니메이션 PRESENTATION 일러스트레이터 NodeJS TIP MySQL 프로그래머스 분류 전체보기 Javascript jQuery HTML CSS LAYOUT SITE 제작 JS 응용하기 CSS 애니메이션 PRESENTATION 일러스트레이터 NodeJS TIP MySQL 프로그래머스 관리 글쓰기 로그인 로그아웃 메뉴
728x90 jQuery6 #검색결과 총 6개를 찾았어요 ^^b / 제이쿼리 style 관련 메서드에 대하여.... 🦑 스타일 관련 메서드 이번 시간에는 살을 붙여주는 스타일과 관련된 메서드에 대해 알아보겠습니다~~ css() 메서드 요소에 class 속성을 추가시켜주는 메서드 입니다~~! 실행 분류 형식 취득 &("div").attr("width"); 생성, 변경 &("div").css("background-color", "red").css("padding", "10px"); &("div").css({"background-color", "red", padding: "10px" }); 콜백 함수 &("div").css("width", function(index, w) { // index는 각 div 요소의 index 0, 1, 2 // w는 각 div요소의 width 값 return css 속성 // 각 div 요소의 c.. 2022. 9. 3. attrClass? prop? 이 두가지 메서드에 대하여 알아보자! 속성 관련 메서드 이번 시간에는 클래스 속성과 관련된 메서드에 대해 알아보겠스빈다! attrClass() 메서드 요소에 class 속성을 추가시켜주는 메서드 입니다~~! 실행 분류 형식 취득 &("a").attr("href"); 생성, 변경 &("a").attr("href", "http://icoxpublih.com").attr("target", "_blank"); &("a").attr({href: "http://icoxpublih.com", target: "_blank"}); 콜백 함수 &("a").attr("href", function(index, h) { // index는 각 a 요소의 index 0, 1, 2 // h는 각a요소의 href 속성 return attribute(속성) // 각 a 요.. 2022. 9. 3. 4가지! 클래스 메서드? 클래스 관련 메서드 이번 시간에는 클래스와 관련된 메세드에 대해 알아보겠스빈다! addClass() 메서드 요소에 class 속성을 추가시켜주는 메서드 입니다~~! 실행 분류 형식 추가 대 소문자 구분 없이 정규표현식과 문자열을 비교합니다. 추가 $("").addClass(function(index, className) { //index는 각 div 요소의 index 0, 1, 2 //className은 각 div의 class 속성 return class 속성 // 각 div에 class 속성을 추가했습니다. }); 내용1 내용2 내용3 예시 See the Pen example by kimsangjunv1 (@kimsangjunv1) on CodePen. removeClass() 메서드 요소에 class.. 2022. 9. 3. 속성 선택자에 대해 araboza~~~ jQuery : 속성 선택자? 속성 선택자란 선택한 요소를 기준으로 일치하는 속성의 포함 여부를 따진 후 해당 요소를 선택해주는 함수에요! 속성 선택자 종류 종류 설명 요소[속성] $("span[class]") span 요소 중 class 속성을 가지고 있는 요소를 선택합니다. 요소[속성='값'] $("span[class='abc']") span 요소 중 class가 'abc'인 요소를 선택합니다. 요소[속성!='값'] $("span[class!='abc']") span 요소 중 class가 abc'가 아닌 요소를 선택합니다. 요소[속성~='값'] $("span[class~='abc']") span 요소 중 class가 'abc'를 포함하는 요소를 선택하며, 'abc' 앞뒤로 연결된 문자가 없어야 합니다.. 2022. 8. 31. 이전 1 2 다음 728x90 반응형
최신댓글
총 방문자