특별한 일상

안녕하세요. 소다맛사탕 입니다. 오늘은 평소에 사용하려고 하면 이상하게 헷갈리고 정리가 되지 않은 jQuery 속성 선택자와 필터 선택자에 대해 알아보겠습니다. jQuery 메서드의 가장 기본 형태 $(선택자).메서드 1. 속성 선택자 기본 선택자 뒤에 붙여서 사용; $(선택자 형태).메서드; 선택자 형태 Description 요소[속성=값] 속성과 값이 같은 문서 객체 선택. 요소[속성|=값] 속성 안의 값이 특정 값과 같은 문서 객체를 선택. 요소[속성~=값] 속성 안의 값이 특정 값을 단어로 시작하는 문서 객체를 선택. 요소[속성^=값] 속성 안의 값이 특정 값으로 시작하는 문서 객체를 선택. 요소[속성$=값] 속성 안의 값이 특정 값으로 끝나는 문서 객체를 선택 요소[속성*=값] 속성 안의 값이 ..

안녕하세요. 소다맛사탕 입니다. 제이쿼리(jQuery)를 사용하기 위해서는 웹 화면에서 CDN 호스트 주소를 사용하거나 직접 내려받아 사용해야 합니다. ※ CDN (Content Delivery Network) 콘텐츠를 효율적으로 전달하기 위해 전 세계 여러 지점의 서버에 파일을 저장해두고, 사용자와 가까운 지역에서 해당 파일(콘텐츠)을 제공해주는 네트워크 시스템을 의미합니다. 항상 최신 버전의 jQuery를 사용하고 싶다면 위와 같이 선언하세요. http://code.jquery.com/jquery-latest.min.js http://code.jquery.com/ jQuery CDN The integrity and crossorigin attributes are used for Subresource ..

안녕하세요. 소다맛사탕 입니다. 지난 포스팅인 '[JavaScript] Array forEach() 메서드 사용법(배열 forEach())'에 이어서 오늘은 jQuery를 이용한 배열을 관리하는 each() 메서드를 알아보겠습니다. 1. 사용법 $.each(object, function(index, element) { }); $(selector).each(function(index, element) { }); index : 요소의 인덱스. element : 매개변수가 가지고 있는 현재 요소. 2. 예시 // 배열 선언 var arrVal = ["가", "나", "다", "라"]; // 배열 each()문 선언 $.each(arrVal, function(index, element){ console.log(..