Green World

반응형

jquery 팝업이나 iframe시 부모창 접근 방법







$("td", opener.document).each(function(){










반응형

반응형

JQUERY 자료







HMLT&CSS&JS/jQuery




Quick API Reference : http://oscarotero.com/jquery/





 jQuery 속성선택자




  요소[속성]                특정 속성을 가지고 있는 문서 객체를 선택함


  요소[속성=값]              속성 안의 값이 특정 값과 같은 문서 객체를 선택함


  요소[속성~=값]             속성 안의 값이 특정 값을 단어로써 포함하는 문서 객체를 선택함


  요소[속성^=값]             속성 안의 값이 특정 값으로 시작하는 문서 객체를 선택함


  요소[속성$=값]             속성 안의 값이 특정 값으로 끝나는 문서 객체를 선택함


  요소[속성*=값]             속성 안의 값이 특정 값을 포함하는 문서 객체를 선택함





 사용 예)


   <inuput type="text" />





   $('input[type=text]').val("텍스트 값추가");





 1. jQuery 기본 필터 선택자










반응형

반응형

jquery 이벤트관련 함수







jQuery에서는 마우스가 클릭될 때(onclick)나 폼의 입력값이 변경될 때(onchange), 또는 윈도우의 크기가 달라질 때


(onresize)에 사용자가 특정 작업을 할 수 있도록 이벤트들을 제공한다.


    • bind(eventType, [eventData], function(eventObject)) / version added : 1.0


        - bind 메소드를 이용하여 이벤트를 추가할 수 있다.




       예)


       $(document).ready(function(){


             $('#test_id').bind('click', function(){


                   $('body').addClass('test_class');


             });


       });




        - test_id 라는 id를 가지고 있는 요소를 마우스 클릭 시 body에 test_class라는 CSS class를 추가합니다.




    • bind(events) / version added : 1.4


        - bind를 이용하여 이벤트를 여러개 추가할 수 있다.




       예)


       $(document).ready(function() {


             $("#test_id).bind({


                   click : function() {


                        alert("클릭");


                   },


                   mouseover : function() {


                        alert("마우스오버");


                   }


             });


       });










반응형