본문 바로가기

jQuery

jQuery - $.fn.extend(), $.extend() 1. $.extend(arg1, arg2, ...) var a = {x:10}, b = {y:11}, c = {z:12}; var d = $.extend({}, a, b, c); console.log(d.x, d.y, d.z); //10 11 12 객체 복사 기능이라고 하는데, 복사라기보다는 확장 또는 추가에 가까운 듯하다. 2. $.extend() $.extend({ myMethod2: function(){...} }); //jQuery.myMethod(); 이건 뭐라고 해야할까요... 3. $.fn.extend() $.fn.extend({ myMethod: function(){...} }); //jQuery("div").myMethod(); jQuery selector로 선택된 객체에 효과? 기능을 .. 더보기
JSONP HEAD FIRST - HTML5 /* mightygumball.js */ /* * JSON 파일의 내용을 JSONP로 가져옴 * 3초마다 업데이트 됨 * */ var lastReportTime = 0; window.onload = init; function init() { var interval = setInterval(handleRefresh, 3000); handleRefresh(); } function handleRefresh() { console.log("here"); var url = "http://gumball.wickedlysmart.com"; var newScriptElement = document.createElement("script"); newScriptElement.setAttri.. 더보기
드래그 방지 퍼옴 $(document).ready(function() {var t_preventDefault = function(evt) { evt.preventDefault(); };$('div').bind('dragstart', t_preventDefault).bind('selectstart', t_preventDefault);}); 더보기
[jQuery]테이블의 행 추가/삭제 구현하기 http://rcnboys.blog.me/20117878562 - 퍼온곳 나와는 다른 스타일 발견 1 2 더보기
차트 만들기 라이브러리 http://www.highcharts.com/demo/ 더보기
ebook 스타일로 만들어주는 jQuery 라이브러리 http://www.turnjs.com/#usage 더보기
jQuery 속도 개선에 대한 좋은 문서 http://www.xpressengine.com/19263501 더보기
체크박스처리하기 Check/Uncheck all Checkboxes Pizza $5 HotDog $2 Coke $1 French Fries $3 더보기
password strength check http://projects.sharkmediallc.com/pass/ $.fn.passwordStrength = function( options ){ return this.each(function(){ var that = this;that.opts = {}; that.opts = $.extend({}, $.fn.passwordStrength.defaults, options); that.div = $(that.opts.targetDiv); that.defaultClass = that.div.attr('class'); that.percents = (that.opts.classes.length) ? 100 / that.opts.classes.length : 100; v = $(this) .keyup(func.. 더보기
선택된 elements 확인해보는 방법 var contiElement = $("input[type='text'][disabled=false][readonly=false]"); contiElement.css('border', '1px solid #993300'); 선택된 elements는 테두리가 생긴다. 더보기