제이쿼리 메소드

jQuery를 사용하기 위해서는 jQuery 객체를 생성하여야 하며, jQuery 객체는 다양한 메소드를 가진다.

배열관리

제이쿼리로 배열을 관리할 때에는 each() 메소드를 사용한다. each() 메소드는 객체나배열의 요소를 검사하는 메서드이다.

1
2
$.each(object, function(index, item){})
$(selector).each(function(index, item){})

객체 확장

많은 양의 속성을 추가할 때 하나하나 추가해주는 것은 귀찮고 코드가 지저분해지므로 $.extend() 메소드를 사용한다.

1
$.extend(object, addObject, addObject,……)

jQuery 충돌 방지

여러 플러그인을 상요할 시에는 프러그인 간의 충돌이 발생할 수 있다. 제이쿼리 프레임워크에서 식별자로 $를 자주 사용하는데, Prototype 프레임워크에서도 식별자 $를 사용하기 때문에 제이쿼리 프레임워크와 Prototype 프레임워크를 함께 사용하면 충돌이 일어난다. 이럴 때 충돌을 방지하기 위해 $.noConflict() 메소드이다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
// 기본
$.noConflict();
jQuery(document).ready(function() {
……
});

// 단축
$.noConflict();
var J = jQuery;

J(document).ready(function() {
……
});


REFERENCE
https://www.opentutorials.org/course/53

  • © 2020-2025 404 Not Found
  • Powered by Hexo Theme Ayer