jquery 가상 선택자 확장하기.

이에스씨코리아

프로필 보기 이 회원 글보기 이 회원의 댓글보기

· 8년 전 · 조회 2319 2319

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

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

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

[code]

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;

};

[/code]

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

[code]

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

[/code]

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시판 목록

개발자팁

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

글쓰기

번호	분류	제목	글쓴이	날짜	조회
5306	JavaScript	당신이 알아야 할 자바스크립트의 강력한 7가지 팁 [3]	niceguys 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1223
5305	JavaScript	자바스크립트 코드를 더 깔끔하고 보기 좋게 작성하는 팁 [1]	niceguys 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1119
5304	PHP	chatgtp	niceguys 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	747
5303	JavaScript	textarea 자동 높이 설정하기. [1]	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1312
5302	PHP	페이징 개선 그러나 기본적으로 이해불가능한 소스로 비춰질수도 있음	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	808
5301	JavaScript	자바스크립트 플래이그라운드 - RUNJS	techstar 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	620
5300	PHP	이걸 개발팁이라고 해야하나..타게시판 이관후 검색 안되는거 해결했습니다.	techstar 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	675
5299	jQuery	페이지 height 길이 파악후 페이지 스크롤 해서 바 표현하기	잠실삼촌 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	702
5298	JavaScript	16진수 색상코드 확인함수	비타주리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	635
5297	기타	개발자의 ChatGPT 활용 [3]	시우시우9082 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1112
5296	기타	ActiveX 방식의 KCP 모듈 -> 최신 모듈로 변경	kalcapt 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	801
5295	PHP	PHP 를 http 타임아웃이후에도 동작하게 하기 [1]	티프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1137
5294	JavaScript	동영상파일 썸네일 만들기 [8]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1904
5293	JavaScript	div태그의 사이즈가 변경되는 이벤트를 처리하기	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	820
5292	JavaScript	초->hh:mm:ss로 변환하는 함수 [1]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1009
5291	JavaScript	JSON Beautify	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	695
5290	PHP	JSONP실례	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	800
5289	PHP	js와 같은 리소스의 캐쉬문제로 인한 업그레이드 안되는 문제 해결하기	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	818
5288	JavaScript	ThreeJS로 3디지구에 포인트 찍고 정보 현시기능	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	833
5287		특수글자들을 안전하게 처리하기 [10]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1374
5286		자바스크립로 만든 문제풀이 [14]	김철용 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1583
5285		100% 꽝을 보장하는 간단한 로또번호 생성 함수 [4]	메이드 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1307
5284		라라곤 6.0 설치 (윈도우용) [6]	자바패드 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1723
5283		롤링배너(?) 갤러리 [20]	비타주리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1750
5282		모바일 메인에 Tabs넣기 [6]	김철용 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1441
5281		관리자가 아닐때 사이트에 마우스 오른쪽버튼과 f12개발자 도구 금지시키기 [7]	안드류KIM 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1740
5280		pc outlogin 아래에 비디오효과 적용하기 [6]	김철용 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1174
5279		유튜브 90도 회전 반응형 [21]	비타주리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1811
5278	JavaScript	유튜브 풀화면 묵음배경 예제 [9]	비타주리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1614
5277		유튜브 배경 모바일 묵음 자동재생 [9]	비타주리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1408