jQuery 썸네일형 리스트형 jQuery attr, prop 의 차이점 selector를 활용해 선택한 속성이나 새로 추가한 속성에 대해서 새로운 속성값을 추가할 때 .attr, .prop을 사용하게 된다. attr과 prop은 얼핏 사용하기엔 동일한 역할을 하는 듯이 보이나 실제로는 다른 부분이 있다. jquery 공식 사이트를 참고하고 내용을 다듬어보자면 1.6버전 이전엔 별다른 차이가 없었으며 1.6버전부터는 attr은 최초 선언 시 속성값을 가져오며 prop은 변경된 값을 파악하여 가져온다. prop이 attr에 비해 더 동적인 느낌이라고 보면 될 것 같다. +추가 내용 checked의 경우 attr은 checked 그 자체를 받아오는 반면 prop은 true로 받아와서 if문 등과 같이 쓰기 더 좋다 더보기 document.ready와 window.load 브라우저가 페이지를 읽어오는 순서를 간략하게 나열해보자면 사용자가 페이지 방문 브라우저에 의한 파싱을 거쳐 DOM 생성 이미지 등 부가 요소 로딩 페이지 로딩 완료 정도로 볼 수 있다. $(document).ready 메소드는 2번 타이밍에 실행되며 $(window).load 메소드는 4번 타이밍에 실행된다. 간단한 예시로 순서를 보자면 다음과 같다. 더보기 jQuery selector id에 콜론 사용하기 Jquery에서 자주 사용하는 selector 사용 시 id 값에 콜론(:)이 들어가있는 경우 Uncaught Error: Syntax error, unrecognized expression: #result-_: (예시의 경우 id는 result-_:) 위와 같은 에러가 발생한다. 몇 가지 해결 방법이 있으며 첫 번째 $("[id='result-_:']") 와 같이 사용하는 방법 두 번째 $(document.getElementById("result-_:")) 와 같이 사용하는 방법 세 번째 str = str.replace(/:/gi, "\\:"); 콜론(:) 앞에 역슬래시(\)를 2개 붙여주는 것이다. 위와 같이 replace를 활용하면 잘 동작한다. 콜론은 jQuery 확장에 사용되기 때문에 보통 방법.. 더보기 Ajax success 결과값 리턴 ajax의 결과(예 : GET)를 다른 곳에서 활용하고 싶을 때 functionName: function(arr) { $.ajax({ url: "apiurl"+arr, type: "GET", dataType: "json", contentType : "application/json", success: function(res){ return res.data; }, error: function(xhr) { switch(xhr.status) { case 404 : alert(message); break; case 500 : alert(message); break; } } }); } 위와 같이 사용하면 안된다! success 내에 return을 넣으면 함수 안 ajax 안에 있기때문에 원하는 동작을 하지 않는다... 더보기 이전 1 다음