[JQuery] 웹 class속성 제어

1. 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  [추가설명] [CSS] display 속성설명inline 전후 줄바꿈 없이 한 줄에 다른 엘리먼트들과 나란히 배치됩니다. 대표적인 inline 엘리먼트로 이나 , 태그 등을 들 수 있습니다.block 전후 줄바..

• format_list_bulleted JAVASCRIPT Programming/JQuery
• · 2024. 7. 15.
• textsms

[JQuery] 웹요소 제어

1. $text() 실행 분류형식취득 $("div").text();생성, 변경 $("div").text("텍스트 생성 및 변경");콜백 함수 $("div").text(function(index, t){     // index는 각 div 요소의 index 0,1,2     // t는 각 div 요소의 텍스트 "내용1","내용2","내용3"     return 텍스트 // 각 div 요소의 텍스트를 생성, 변경할 수 있다. }); ................ 내용1 내용2  내용3   ex) jQuery html css javascript결과2. $html() 실행 분류형식취득 $("div").html();생성, 변경 $("div").html("텍스트 생성 및 변경");콜백 함수 $("div").html..

• format_list_bulleted JAVASCRIPT Programming/JQuery
• · 2024. 7. 15.
• textsms

[JQuery] 배열

1. 배열 $.each() - index, value결과 2. 배열 $.each() - key, value결과결과 3. 배열 $(selector).each()내용1내용2내용3결과4. 배열 $.map()$.map() 메서드는 $.each() 메서드와 동일한 기능을 가지고 있다.  차이점은 매개 변수의 순서가 서로 반대이며, $.map() 메서드의 경우 기존의 배열을 이용하여 새로운 배열( 예를 들어 조건문을 이용해서 출력문의 배열을 재정렬 )을 만들 수 있지만, $.each() 메서드는 만들 수 없다.  * 수정,추가 부분에서 .map() 메서드 대신 .each() 메서드를 사용하면 조건문을 무시 return 실행되어 배열을 그대로 출력된다.   결과 [수정,추가]결과

• format_list_bulleted JAVASCRIPT Programming/JQuery
• · 2024. 7. 15.
• textsms

[JQuery] 선택자

1. 기본선택자선택자 종류설명 태그 선택자 $("p") p요소를 선택합니다. id 선택자 $("#pkt") id = "pkt" 요소를 선택합니다. class 선택자 $(".logo") class = "logo" 요소를 선택합니다. 자식 선택자 $("#gnb > ul > li") class = "gnb" > ul 태그 > li 요소를 선택합니다. 하위 선택자 $("#gnb ul") class = "gnb" 안에 존재하는 ul 요소를 선택합니다. 인접 선택자 $("#aa + #bb") #aa 다음에 오는 #bb 요소를 선택합니다. 형제 선택자 $("#aa ~ #cc") #aa 의 형제 요소 #cc 선택합니다. 종속 선택자 $("div.util") div 요소중 class가 util인 요소를 선택합니다. 그룹..

• format_list_bulleted JAVASCRIPT Programming/JQuery
• · 2024. 7. 15.
• textsms

[JQuery] JQuery 연결방법

Query를 사용하기 위해서는 jQuery 라이브러리를 웹페이지에 연결해서 사용해야 합니다.​jQuery 라이브러리를 연결하는 방식으로는 직접 다운로드 방식과 CDN (Centent Delivery Network)방식이 있습니다.​현재 1.x, 2.x, 3.x 버전을 지원해 주고 있으며 각 버전별로 브라우저 지원이나 기존 메서들의 지원 여부 등의 차이가 있습니다.​jQuery 라이브러리 3.0 버전에서 지원하는 브라우저는 아래와 같습니다.Internet Explorer 9 이상Chrome, Edgh, Firefox, Safari 현재 버전Opera 현재버전Safari Mobile iOS 7 이상Android 4.0 이상​1. Download 방식https://jquery.com/download/ - 접속..

• format_list_bulleted JAVASCRIPT Programming/JQuery
• · 2024. 7. 15.
• textsms