jQuery에 대한 $.이해하다

2841 단어 jquery
'$' 은 jQuery의 별명 (간략한 쓰기) 으로, 다음에 호출된 대상이 jQuery의 대상임을 나타낸다.예를 들어 $("div"), jQuery("div").두 가지 문법의 등가.
"$."뒤에 호출된 것이 jQuery라는 것을 나타내는 방법도 이해가 간다.그와 "jQuery."등가예를 들면 다음과 같습니다.
 $.trim("  like  ");jQuery.trim("  like  ");       。

, "$" jQuery , JavaScript 。jQuery jQuery.noConflict()
api :

jQuery.noConflict()
이 함수를 실행하면 변수 $의 제어권을 첫 번째로 실행하는 라이브러리에 양도합니다.
이것은 jQuery가 다른 라이브러리의 $대상과 충돌하지 않도록 하는 데 도움이 됩니다.이 함수를 실행하면 jQuery 변수로만 jQuery 대상에 접근할 수 있습니다.예를 들어, $("div p")를 사용하려면 jQuery("div")로 바꿔야 합니다.
p").
주의: 이 함수는 jQuery 파일을 가져온 후에 충돌하는 다른 라이브러리를 가져와야 합니다
전에 사용했습니다.물론 jQuery가 마지막으로 가져온 것이 아니라면 다른 충돌된 라이브러리가 사용되기 전에도 사용해야 한다.
예제
$참조된 객체를 원래 객체로 매핑합니다.
jQuery 코드:
jQuery.noConflict();
//jQuery 사용
jQuery("div
p").hide();
//다른 라이브러리의 $() 사용
$("content").style.display = 'none';
별명 $를 사용한 다음 함수를 만들고 실행합니다. 이 함수의 역할 영역에서 $를 jQuery의 별명으로 사용합니다.이 함수에서 원래의 $대상은 무효입니다.이 함수는 대부분의 다른 라이브러리에 의존하지 않는 플러그인에 매우 유효하다.
jQuery 코드:
jQuery.noConflict();
(function($) {
  $(function()
{
//$를 jQuery 별명으로 사용하는 코드
  });
})(jQuery);
//$를 별명으로 하는 다른 라이브러리 코드
다음 라이브러리에서 jQuery 대상을 사용할 새 별명을 만듭니다.
jQuery 코드:
var j = jQuery.noConflict();
//jQuery 기반 코드
j("div
p").hide();
//다른 라이브러리 기반 $() 코드
$("content").style.display = 'none';더 센 게 하나 더 있어요.
jQuery.noConflict(extreme)
$와 jQuery의 제어권을 원래의 라이브러리에 돌려줍니다.
사용하기 전에 잘 생각해 보세요!
이것은 비교적 간단하다
noConflict 방법은 jQuery를 완전히 다시 정의하기 때문에 극단적인 버전입니다.이것은 보통 극단적인 상황에 사용됩니다. 예를 들어 jQuery를 고도로 충돌하는 환경에 끼워 넣으려고 하는 경우입니다.
주의: 이 방법을 사용하면 플러그인이 효력을 잃을 수 있습니다.
Revert control of both the $ and jQuery variables to their original owners.
Use with discretion.
This is a more-extreme version of the simple
noConflict method, as this one will completely undo what jQuery has introduced. This is to be used in an extreme case where you'd like to embed jQuery into a high-conflict environment.
NOTE: It's very likely that plugins won't work after this particular method has been called.
반환값
jQuery
매개 변수
extreme (Boolean): jQuery 변수를 완전히 복원할 수 있도록true로 전송합니다
예제
jQuery를 새 네임스페이스로 완전히 이동합니다.
jQuery 코드:
var dom = {};
dom.query = jQuery.noConflict(true);
결과:
//새 jQuery 코드
dom.query("div p").hide();
//다른 라이브러리 $()의 코드
$("content").style.display = 'none';
//다른 버전 jQuery 코드
jQuery("div > p").hide();

좋은 웹페이지 즐겨찾기