jQuery 팁과 트릭

 

질문 : jQuery 팁과 트릭

---

구문

• roosteronacid가 준비한 이벤트의 속기
• Roosteronacid에 의한 줄 바꿈 및 연쇄 성
• Nathan Long의 중첩 필터
• 컬렉션을 캐시하고 roosteronacid 가 같은 줄에서 명령을 실행합니다.
• roosteronacid의 선별기를 포함합니다.
• roosteronacid에 의한 요소 생성시 속성 정의
• roosteronacid 의 배열처럼 jQuery 함수에 액세스
• noConflict 함수-Oli에 의해 $ 변수 해제
• nickf 로 noConflict 모드에서 $ 변수 분리
• Roosteronacid의 충돌 방지 모드

데이터 저장

• 데이터 함수-TenebrousX로 데이터를 요소에 바인딩
• HTML5 데이터 속성 지원, 스테로이드! roosteronacid 프로필
• Filip Dupanović 의 jQuery 메타 데이터 플러그인

최적화

• Roosteronacid 로 복잡한 선택기의 성능 최적화
• lupefiasco 의 컨텍스트 매개 변수
• Nathan Long의 검색 저장 및 재사용
• HTML 요소 생성 및 참조 유지, 요소 존재 여부 확인, Andreas Grech의 자체 선택자 작성

Miscellaneous

• Redsquare 에서 컬렉션의 요소 인덱스 확인
• TM 별 라이브 이벤트 핸들러
• 익명 함수를 ken 으로 명명 된 함수로 대체
• Slace의 Microsoft AJAX 프레임 워크 및 jQuery 브리지
• egyamado의 jQuery 튜토리얼
• 컬렉션에서 요소를 제거 하고 roosteronacid로 체인 성을 유지합니다.
• Ben 이 익명 함수를 시작할 때 $ this를 선언합니다.
• FireBug lite, Hotbox 플러그인, 이미지가로드 된시기를 알려주고 Color Blend에 의한 Google CDN
• Harriyott의 타사 jQuery 스크립트의 적절한 사용
• Jan Zich 의 각 기능
• Chris S의 양식 확장 플러그인
• OneNerd의 비동기 각 기능
• jQuery 템플릿 플러그인 : roosteronacid의 렌더링 기능을 사용하여 복잡한 로직 구현

답변

---

HTML 요소 생성 및 참조 유지

var newDiv = $("<div />");

newDiv.attr("id", "myNewDiv").appendTo("body");

/* Now whenever I want to append the new div I created, 
   I can just reference it from the "newDiv" variable */
   

요소가 있는지 확인

if ($("#someDiv").length)
{
	// It exists...
}

자신 만의 선택기 작성

$.extend($.expr[":"], {
    over100pixels: function (e)
    {
        return $(e).height() > 100;
    }
});

$(".box:over100pixels").click(function ()
{
    alert("The element you clicked is over 100 pixels height");
});

출처 : https://stackoverflow.com/questions/182630/jquery-tips-and-tricks