jquery 가상 선택자 확장하기. > 개발자팁

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.

jquery 가상 선택자 확장하기. 정보

jQuery jquery 가상 선택자 확장하기.

본문

Jquery 의 fn.extend 를 이용한 플러그인 작성은 아주 빈번히 하는 작업들이라 모두 익숙하시겠지만,

사실 jquery 는 가상선택자를 확장하는 함수도 있습니다.

 

예를 들어서 :scrollable 이라는 가상선택자를 아래와 같이 만듭니다. ( 다른 사람의 작품입니다)

 


var props = ['', '-x', '-y'],
    re = /^(?:auto|scroll)$/i;
 
$.expr[':'].scrollable = function(elem) {
    var scrollable = false;
 
    elem = $(elem);
 
    $.each(props, function(i, v) {
        return !(scrollable = scrollable || re.test(elem.css('overflow' + v)));
    });
 
    return scrollable;
};

이것을 평가하고 난 다음부터는, 다음과 같이 쓸 수 있습니다.

 


var $container = this.closest(':scrollable');

 

 
추천
1

댓글 0개

전체 571
개발자팁 내용 검색 jQuery에서

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT