자바스크립트
웹을 움직이는 언어, 자바스크립트! ES6+, Vue, React, Node.js 등 모던 JS 생태계를 깊이 있게 탐구하는 공간입니다.
2025.02.22 02:38
jQuery $(selector)
jQuery는 자바스크립트 라이브러리 중 하나로, DOM(Document Object Model) 선택과 조작을 쉽게 할 수 있도록 도와줍니다. jQuery의 가장 기본적인 함수 중 하나가 $(selector)입니다.
$(selector)란?
$(selector) 함수는 HTML 문서 내의 요소를 선택하는 함수입니다. selector는 CSS 선택자와 유사한 형태로 작성됩니다. 예를 들어, `#id`는 id가 `id`인 요소를 선택하고, `.class`는 class가 `class`인 요소를 선택합니다.
자바스크립트 소스 코드
jQuery의 소스 코드는 다음과 같습니다. 이 코드는 jQuery 3.6.0 버전을 기준으로 작성되었습니다.
$(selector) 함수 동작 과정
1. `Sizzle` 함수 호출: `Sizzle` 함수는 jQuery의 내부 함수로, CSS 선택자를 HTML 문서 내의 요소로 변환하는 역할을 합니다.
2. `jQuery` 함수 호출: `jQuery` 함수는 `$(selector)` 함수를 호출하여 `Sizzle` 함수를 호출합니다.
3. `init` 함수 호출: `init` 함수는 `jQuery` 함수의 prototype 함수로, `selector`와 `context`를 받아와 `Sizzle` 함수를 호출합니다.
4. `Sizzle` 함수 결과: `Sizzle` 함수는 선택된 요소를 배열로 반환합니다.
5. 결과 반환: `init` 함수는 선택된 요소를 배열로 반환합니다.
예제
결론
jQuery의 $(selector) 함수는 자바스크립트 라이브러리 중 하나로, DOM 선택과 조작을 쉽게 할 수 있도록 도와줍니다. 이 함수는 `Sizzle` 함수를 호출하여 CSS 선택자를 HTML 문서 내의 요소로 변환한 후 결과를 반환합니다.
jQuery 선택자 $(selector) : 선택자와 DOM 요소 연결하기
- 나우호스팅 21일 전 2025.02.22 02:38
-
14
0
jquery $(selector) jQuery $(selector)
jQuery는 자바스크립트 라이브러리 중 하나로, DOM(Document Object Model) 선택과 조작을 쉽게 할 수 있도록 도와줍니다. jQuery의 가장 기본적인 함수 중 하나가 $(selector)입니다.
$(selector)란?
$(selector) 함수는 HTML 문서 내의 요소를 선택하는 함수입니다. selector는 CSS 선택자와 유사한 형태로 작성됩니다. 예를 들어, `#id`는 id가 `id`인 요소를 선택하고, `.class`는 class가 `class`인 요소를 선택합니다.
자바스크립트 소스 코드
jQuery의 소스 코드는 다음과 같습니다. 이 코드는 jQuery 3.6.0 버전을 기준으로 작성되었습니다.
#hostingforum.kr
javascript
// jQuery 3.6.0 소스 코드 (부분)
// $(selector) 함수
function Sizzle(selector, context, results, seed) {
var match, nodes = [], rets = results || [], i = 0;
context = context || document;
// ...
}
function jQuery(selector, context) {
return new jQuery.fn.init(selector, context);
}
jQuery.fn = jQuery.prototype = {
constructor: jQuery,
init: function(selector, context) {
var match, rets = [], i = 0;
if (typeof selector === "string") {
// ...
match = Sizzle(selector, context, rets);
// ...
} else {
// ...
}
return this;
},
// ...
};
// ...
$(selector) 함수 동작 과정
1. `Sizzle` 함수 호출: `Sizzle` 함수는 jQuery의 내부 함수로, CSS 선택자를 HTML 문서 내의 요소로 변환하는 역할을 합니다.
2. `jQuery` 함수 호출: `jQuery` 함수는 `$(selector)` 함수를 호출하여 `Sizzle` 함수를 호출합니다.
3. `init` 함수 호출: `init` 함수는 `jQuery` 함수의 prototype 함수로, `selector`와 `context`를 받아와 `Sizzle` 함수를 호출합니다.
4. `Sizzle` 함수 결과: `Sizzle` 함수는 선택된 요소를 배열로 반환합니다.
5. 결과 반환: `init` 함수는 선택된 요소를 배열로 반환합니다.
예제
#hostingforum.kr
javascript
// $(selector) 함수 사용 예제
$(document).ready(function() {
var $element = $("#myId");
console.log($element); // <div id="myId">Hello World!</div>
var $elements = $(".myClass");
console.log($elements); // [<div class="myClass">Hello World!</div>, <span class="myClass">Hello World!</span>]
});
결론
jQuery의 $(selector) 함수는 자바스크립트 라이브러리 중 하나로, DOM 선택과 조작을 쉽게 할 수 있도록 도와줍니다. 이 함수는 `Sizzle` 함수를 호출하여 CSS 선택자를 HTML 문서 내의 요소로 변환한 후 결과를 반환합니다.
댓글목록
등록된 댓글이 없습니다.