다섯 가지 유용한 jquery Tips_jquery 공유

아래 기술로 얻은 효과는 새로운 것은 아니지만 jQuery의 캡슐화를 통해 HTML이 크게 정리되었습니다. 깔끔하고 간결하며 효율적인 코드는 항상 개발자가 추구하는 궁극적인 목표입니다. 단순할 수도 있지만 엄청난 힘을 가지고 있습니다. Script House 에디터가 추천하는 매우 실용적인 jQuery 기술 5가지를 살펴보겠습니다.

1. 마우스 오른쪽 버튼 비활성화

$(document).ready(function() {
  $(document).bind("contextmenu", function(e) {
    return false;
  });
});

물론 jquery1.7 버전 이후에는 바인딩() 함수 대신 on() 함수를 사용하는 것을 권장합니다.

2. 콘텐츠를 플래시로 만드세요

$.fn.flash = function(color, duration) {
  var current = this.css('color');
  this.animate( {color: 'rgb(' + color + ')'}, duration / 2);
  this.animate( {color: current}, duration / 2);
}
$('#someid').flash('255,0,0', 1000);

3. DOM 로딩완료의 약어

$(function() {
  // document is ready..
})

4. 브라우저 감지

// Safari
if( $.browser.safari )
{
//do something
}
//Above IE6
if ($.browser.msie && $.browser.version > 6 )
{
//do something
}
// IE6 and below
if ($.browser.msie && $.browser.version < 6 ) { //do something } // Firefox 2 and above if ($.browser.mozilla && $.browser.version >= "1.8" )
{
//do something
}

5. 요소가 존재하는지 확인

if($("#someDiv").length) {
  // yes it does, do something...
}

5가지 유용한 jquery 팁을 공유해 드렸으니 마음에 드셨으면 좋겠습니다.