이야기앱 세상

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..