본문 바로가기

Hot Tech Reference/Jquery6

이벤트와 jQuery trigger 안녕하세요 친환경입니다. 끨끨 자바스크립트에서 이벤트는 아주 중요한 역할을 하는데요, 이 이벤트를 사용자가 새롭게 추가하여 다룰수도 있습니다. but, 현재 지원하는 이벤트로도 충분한데 왜 이런 부수적인 이벤트를 더 추가할까? 라는 생각이 들지 모르나,필요합니다 ㅇㅇ;; 우선 샘플코드를 보여드립니다. 사용자 정의 이벤트 발생 jQuery의 trigger 함수를 통해 엘리먼트에 이벤트를 발생시킬수 있습니다. 이벤트이름은 파라미터로 전달하는 문자열이 되겠구요,이 이벤트를 캐치할때 on을 통해 늘 사용하던것처럼 이벤트명을 적어주시면 되겠습니다. 간단하죠? 그치만 클릭시 구지 저렇게 빙돌려서 처리해야할 필요가 있을까? 라고 느끼실겁니다.네 있습니다. (물론 샘플코드에선 전혀 그렇게 하지않는게 정상이지만, 좀더 .. 2013. 11. 30.
attr과 prop / radio 랜더링 삽질중... attr은 리턴값이 Stringprop는 리턴값이 String or Boolean 그러므로 radio나 checked 의 checked 값 같은 진위처리는 prop로 셋팅해야 옳다고 볼수있습니다. attr로 삽질할경우 라디오나 체크의 랜더링이 이루어지지 않을 수 있으니 유의하시기 바랍니다. 2013. 7. 11.
Event 버블링 방지 이벤트가 발생할때 통상 자신의 부모레이어로 전파시키는 현상을 버블링이라고합니다.이벤트의 버블링에는 몇가지 요소가있고, 전파 / 비전파 되는 이벤트의 스타일이 많기때문에 모두 알 필요는 없지만 그래도 알아도면 삽질은 면한다는... 아무튼 이벤트 버블링을 방지시키는 방법입니다.1. stopPropagation();2. preventDefault();3. return false; 1은 기본적인 버블링을 바로 차단시키는것이고, 2는 엘리먼트 자체의 이벤트(체크나 라디오의 선택등.. input의 고유기능)를 막아내는것이고, 3번은 1과 2를 모두 섞는 역할을 합니다. 예제코드는$(this).on("click", function(event){//event.stopPropagation();//event.prevent.. 2013. 3. 2.
쌩초짜도 할수있는 jQuery [객체 지정] 저번에는 jQuery 라이브러리를 가져오는걸 했습니다. 뭐 솔직히 특별히 한건 없는거같아요ㅠ 이번엔 이전 자바스크립트에서 했던것처럼 간단한 값 가져오기 및 수정, 삭제를 해보겠습니다.일단 어떤것을 수정하거나 삭제하려면 그것을 가져와야 합니다. 자바스크립트에선 document.getElementById 나 비슷한 기타 다른방법으로 객체를 가져왔습니다. 그리고 사용하기 편하게 변수에 담아서 이용했습니다. 그러나 jQuery는 다는방법으로 객체를 가져옵니다. $(" ")를 사용하여 객체를 가져옵니다. 예를들어보겠습니다. 이런 코드가 있다고 가정했을때, span 객체를 가져오는방법은 두가지입니다. $("span") 또는 $("#tester1") 이 있습니다. $("span")는 객체의 태그명으로 가져온것이고, .. 2012. 8. 13.