목록분류 전체보기 (517)
이야기앱 세상
jQuery로 구현한 checkobx 전체 선택/해제 하기 스크립트----------------------------------------------------- $('#chk_all').click(function(){ if($(this).is(':checked')){ $('input[name=del]').prop('checked',true); }else{ $('input[name=del]').prop('checked',false); }}); HTML----------------------------------------------------전체선택
jQuery.noConflict(); 를 사용할 경우는 prototype.js와 같은 자바스크립트 라이브러리를 jQuery와 같이 사용할 경우 prototype.js에서도 $ 기호를 사용함으로써 jQuery를 이용해 코드 작성시 충돌이 발생하게 된다. 이런 경우를 해결하기 위해 아래와 같이 $ 기호를 jQuery로 변경해 사용하게 된다. jQuery.noConflict(); jQuery(document).ready(function(){ //실행 코드});
(function($){//실행 코드})(jQuery); 위 표현이 사용되는 경우는 prototype.js와 같은 자바스크립트 라이브러리를 jQuery와 같이 사용할 경우 prototype.js에서도 $ 기호를 사용함으로써 jQuery를 이용해 코드 작성시 충돌이 발생하게 된다. 이런 경우를 해결하기 위해 위 익명 함수를 사용하게 되는데 해당 익명 함수내에서는 $ 기호가 jQuery 객체를 의미하게 되어 prototype.js와 충돌 없이 코드를 작성할 수 있다. [출처] jquery $function 의 사용법? |작성자 몽몽
$(document).ready(function(){//실행 코드 작성}); 위 코드는 javascript의 window.onload = function(){}과 마찬가지로 문서의 내용을 인식한 후 함수를 실행하라는 의미이다.아래와 같이 줄여서 사용 가능 $(function(){ //실행 코드 });
체크된 radio 값 읽어오기$('input:radio[name=season]:checked').val(); 체크된 radio 버튼의 checked 해제$('input:radio[name=season]').attr('checked',false); "spring"이 value인 radio 버튼에 checked 설정$('input:radio[name=season]:input[value=spring]').attr('checked',true); radio 버튼 활성화$('input:radio[name=season]:input[value=spring]').attr('disabled',true); radio 버튼 비활성화$('input:radio[name=season]:input[value=spring]').att..
checkbox, radio 에서 정보 읽어 올 때 주의사항 checkbox 와 radio 에서 정보를 읽어 올때 복수의 checkbox 또는 복수의 radio 에서 정보를 읽을 때는 배열로 인식하기 때문에 아래 예제와 같이 for문을 만들어 정보를 처리하지만 단수의 checkbox 또는 단수의 radio 에서 정보를 읽을 때는 배열로 인식하지 않고 객체로만 인식하기 때문에 아래 예제처럼 객체의 프로퍼티를 직접 호출해야 함 봄여름 국어
json2.js 다운로드 : https://github.com/douglascrockford/JSON-js var s = '{"x":1,"y":2,"val":"foobar"}'; //JSON 문자열 var obj2 = JSON.parse(s);alert(obj2.x); //1출력 //객체에서 JSON 문자열로 변환var str = JSON.stringify({x:1,y:2,val:'foobar'});alert(str); // {"x":1,"y":2,"val":"foobar"} 문자열로 출력
사용시 이미지 버튼으로 교체하는 방법