Martin`s Work

아래와 같이 상황에 따라 attr를 다중으로 줘야하는 경우가 존재한다. 123$("img").attr("src","img.png");$("img").attr("alt","이미지 부가 설명");$("img").attr("title","지금 보시는 이미지는 이미지입니다.");cs 위의 소스를 보면 가독성도 좋지 않고, 소스 역시 깔끔하지 못하다. 이러한 경우 아래와 같이 다중 attr을 한번에 처리하면 보다 편리하고 깔끔하게 소스를 정리할 수 있다. 12345$("img").attr({ "src":"img.png", "alt":"이미지 부가 설명", "title":"지금 보시는 이미지는 이미지입니다."})Colored by Color Scriptercs

Jquery를 이용한 Object비교 Jquery에서 같은 Object를 비교하더라도, 계속해서 다르다고 나올 경우가 있다. 123456 객체 비교 console.log( $(".div") == $(".div")); //false console.log( $(".div") === $(".div")); //false Colored by Color Scriptercs 위의 소스를 볼때, 같은 Object를 비교하는데도, 실제 비교를 하면 flase값이 나온다. Jquery를 이용하면 해당 노드에 대한 정보가 배열로 해서 저장이 되는데, 이 배열에서 해당 노드에 대한 정보만 뽑아와야한다. 12345678910 객체 비교 console.log( $(".div")[0]==$(".div")[0]); //true co..

Select태그 관련한 기능 jquery에서 select태그에 기능을 넣기 위해 Selctor의 Dom을 가져오기 위한 몇가지 방법이 있다. 실제 이러한 방법을 쓰는 경우를 써야하는 경우는 여러가지 이유가 있겠지만, 그 중 하나로는 디자인 Select박스를 써야하는 경우가 있다. 단순 css만 이용하는 경우(:checked 속성)는 하위 브라우저에서 호환성 문제가 되어 이러한 경우 스크립트로 처리해야한다는 상황을 가정하에 작업한다. 현재 선택된 option의 값 가져오기 아래와 같이 select의 자식들 option에게 value 값을 부여하지 않으면 선택1, 선택2, 선택3 등과 같은 option의 innerText를 가져오게 된다. 12345678910111213 선택1 선택2 선택3 var sele..

event.which Javascript에서 event.keyCode 를 하면 각 키보드에 해당하는 고유 번호를 알수있다.이 메소드가 Jquery에서는 event.which 으로 사용하게 된다. 1234$(document).keydown( function(event){ console.log(event.which);}) Colored by Color Scriptercs 위의 식대로 사용할 경우 각 키보드의 고유 번호를 알수 있으며, keydown 이벤트 외에도 사용할 수 있다.