목록JavaScript/jQuery (3)

JongTachi의 개발 블로그

[jQuery] extend() 다수의 객체 합치기(제이쿼리)

제이쿼리에선 다수의 객체를 하나로 합칠 수 있는 문법이 있습니다. 바로 extend()라는 문법인데요. 사용법은 다음과 같습니다. $.extend(대상, 객체1, 객체2, ...,객체n) 예를들어보겠습니다. // BTS 보컬라인 var btsVocal = {jin: 1, jk:2, V:3, jimin:4}; // BTS 래퍼라인 var btsRapper = {rm:5, suga:6, jHope:7}; var bts = new Object; // 이로서 진정한 BTS가 된다. bts = $.extend({}, btsVocal, btsRapper); // merge된 객체를 출력해보면 다음과 같습니다. bts['jin'] = 1 bts['jk'] = 2 bts['rm'] = 5 bts['jHope'] = 7
JavaScript/jQuery 2023. 11. 3. 00:14
2. jQuery 선택자(jQuery Selectors)

jQuery의 선택자는 어떤 것들이 있는지 확인해봅시다. 선택자 정리 Syntax Description $("*") 모든 요소들을 선택한다. $(this) 현재 HTML 요소를 선택한다. $("p.intro") class="intro"인 의 요소를 선택한다. $("p:first") 요소의 첫번째 요소를 선택한다. $("ul li:first") 첫 번째 의 첫번째 의 요소를 선택한다. $("ul li:first-child") 모든 에서 첫번째의 요소를 선택한다. $("[href]") href 속성의 모든 요소를 선택한다. (href 쓰임 예시 ) $("a[target='_blank']") target="_blank"인 태그의 요소를 선택한다. $("a[target!='_blank']") target="_b..
JavaScript/jQuery 2022. 11. 13. 01:37
1. jQuery란?

1. what is the jQuery? jQuery란 HTML의 DOM 조작과 이벤트 제어, 애니메이션 그리고 Ajax를 통해 데이터를 주고받을 수 있는 웹 화면을 다루는 자바스크립트 라이브러리입니다. 2. Why using the jQuery? 결론부터 말씀드리자면 jQuery는 짧은 코드로 기능을 구현하기 위해 사용한다고 생각하시면 편할 것같습니다. jQuery가 기본적으로 가진 철학은 "write less, do more"로 "적은 코드로 많은 것을 이용하자" 라고 해석하시면 될 것 같습니다. jQuery 기능 HTML/DOM과 관련된 처리를 쉽게 구현할 수 있다. CSS를 조작할 수 있다. HTML 규칙성을 가지고 이벤트를 처리할 수 있다. 애니메이션 효과를 쉽게 만들 수 있다. Ajax 처리 ..
JavaScript/jQuery 2022. 11. 12. 23:00
이전 Prev 1 Next 다음