30가지 클래식 jQuery 코드 개발 기술_jquery

var el = $('#id'); .html( el.html().replace(/word/ig, ''));

$(document).bind('contextmenu',function (e) { false 반환 });

$.expr[':'].mycustomselector = function (요소, 인덱스, 메타, 스택){
// 요소-는 DOM 요소입니다
// index - 스택의 현재 루프 인덱스
// 메타 - 선택기에 대한 메타 데이터
// 스택 - 반복할 모든 요소의 스택
// 현재 요소를 포함하려면 true를 반환합니다
// 현재 요소를 제외하려면 false를 반환합니다
};
// 사용자 정의 선택기 사용법:
$('.someClasses:test').doSomething();

if ($('#someDiv').length) {
//만세!!! 존재합니다...
}

$("#someelement").live('click ', function (e) { if( (!$.browser.msie && e.button == 0) || ($.browser.msie && e.button == 1) ) { Alert("왼쪽 마우스 버튼을 클릭했습니다." ); } else if(e.button == 2) Alert("오른쪽 마우스 버튼을 클릭했습니다.");

//이 스니펫은 기본값을 유지하는 방법을 보여줍니다. 가치
//사용자가 입력하지 않은 경우를 위한 텍스트 입력 필드
//대체할 값
swap_val = []
$(".swap").each(function(i){ swap_val[i] = $(this).val();
$(this).focusin(function(){ if ($(this).val() == swap_val[i]) { $(this).val(""); } }).focusout(function(){ if ($.trim($(this).val()) == "") { $(this).val(swap_val[i]) } }); .." 유형=텍스트>

//1.3에서 사용했던 방법은 다음과 같습니다. 2 setTimeout을 사용
setTimeout(function() { $('.mydiv').hide('blind', {}, 500) }, 5000)
//delay() 기능을 사용하여 1.4에서 이를 수행할 수 있는 방법은 다음과 같습니다(이것은 수면과 매우 유사합니다)
$(".mydiv").delay(5000).hide('blind', {}, 500);

var newgbin1Div = $('');
newgbin1Div.attr('id','gbin1.com').appendTo('body');

jQuery.fn.maxLength = function(max){ this.each(function(){ var type = this.tagName.toLowerCase();
var inputType = this.type? this.type.toLowerCase() : null; if(type == "입력" &&
inputType == "텍스트" || inputType == "비밀번호"){
//표준 maxLength 적용 this.maxLength = max;
} else if(type == "textarea"){ this.onkeypress = function(e){ var ob = e || 이벤트;
var keyCode = ob.keyCode;
var hasSelection = document.selection? document.selection.createRange().text.length > 0 : this.selectionStart != this.selectionEnd;
return !(this.value.length >= max &&
(keyCode > 50 || keyCode == 32 || keyCode == 0 || keyCode == 13) && !ob.ctrlKey && !ob.altKey && !hasSelection); };
this.onkeyup = function(){ if(this.value.length > max){ this.value = this.value.substring(0,max); } }; } }); };
//사용법:
$('#gbin1textarea').maxLength(500);

//테스트를 모듈로 분리합니다.
module("모듈 B");
test("다른 gbin1.com 테스트", function() {
//테스트 내에서 실행될 것으로 예상되는 어설션 수를 지정합니다. 기대하다(2); //JUnit의 AssertEquals와 동일한 비교 주장입니다.
같음( true, false, "실패한 테스트" );
같음( true, true, "테스트 통과" );
});