반응형 jquery5 .prop(), .attr()의 차이 jQuery를 통해서 동적으로 화면 구성을 만들일이 많다. 그런 경우, selector를 통해 선택한 element나 append 하면서 새롭게 생성하는 element에 특정한 속성을 지정하게 되는 경우가 많은데 이 때 사용되어지는 함수가 attr() 또는 prop() 이다. attr도 prop도 모두 속성값을 의미하는 attibute와 property를 의미하는 데 함수가 나눠져 있다는 것은 어쨌든 차이점이 있다는 말이므로, 비슷한 일을 하는 것 같으면서도 다른 듯한 이 두 함수의 차이점을 정리해보자. .prop(), .attr()의 차이 가장 정확한 확인방법은 다른 무엇도 아닌 jquery 공식 사이트에서 제공하는 API를 참고하는 것 만한게 없는 듯 하다. 그래서 찾아봤더니, jquery에서도 두 .. 2019. 1. 25. JSON list 검색 : 특정 필드의 값이 일치하는 JSON Object 추출하기 오늘도 일하다가 유용한 함수를 정의해두고 미래의 나를 위해서 블로그에 옮겨봅니다. 검색결과를 javascript에서 처리하기 편리한 json 방식으로 전달받아두고 이 json list 목록에서 특정 내용을 검색하기 위한 function을 정의하였습니다. JSON list 검색 : 특정 필드의 값이 일치하는 JSON Object 추출하기 개발하는 사람마다 정의하는 내용이 일부 다르겠지만 제가 정의한 방식은 아래와 같았습니다. 조회 성공여부, 실패 시 실패사유, 검색결과 Object를 하나의 JSON Object로 선언하고 내부적으로 검색결과 Object는 List 형태로 구성되어 있습니다. KK { TYPE : "SUCCESS" MESSAGE : "성공" KK_LIST : [{SEQ : 1, NAME : .. 2018. 8. 24. jQuery seletor event 해제하기 / event override jQuery seletor event 해제하기 / 삭제하기 / event override 이벤트가 공통 script 파일에 지정되어 있어서 변경이 어려운 경우. 특정 페이지에서만 seletor에 대한 event를 변경하고 싶은 경우. event override의 개념 적용이 필요한 경우. 위에 나열한 경우에 대해 한 번은 고민한적이 있을텐데 너무나도 간단하게 적용하는 방법이 있어서 소개하고자 한다. 특정한 selector에 event별 handler를 적용하고자 하는 경우, on method를 많이 사용한다. bind, delegate, live 등 과거에 사용하던 모든 것을 on으로 대체가 가능한데 event 명시는 다음과 같은 방식으로 많이들 선언한다. $("#ojava").on("click", fu.. 2016. 12. 13. 폼 추가 및 삭제에 대한 Upgrade code 이전에 올렸던 버튼 클릭으로 폼 생성 및 삭제에 대한 코드의 문제점을 발견하였습니다. http://ojava.tistory.com/trackback/35 이전에 사용하던 코드로는 변수로 선언된 count가 폼 추가 시마다 1씩 증가합니다. 폼 삭제시에는 1씩 감소하겠지요. 만약 5개의 폼이 생성되어 있는 상태라고 가정해봅시다. count는 증가해서 6이 되어있겠죠. 4번째의 폼을 지우게 되면 count는 1이 감소하여 5가 됩니다. 따라서 다시 5번째로 폼을 추가하게 되면 count를 따라 5의 이름을 가진 폼이 또 다시 생성됩니다. 페이지를 이용하는 유저가 순차적으로 삭제하고 추가한다면 얼마나 좋겠습니까 ㅠ_ㅠ 하지만 그렇지 않다는 것. 그리고 그런 점을 고려해서 코드를 구성해야 한다는 것을 다시 상기.. 2011. 8. 9. jQuery를 통해 간단하게 Ajax를 사용해봅시당. Ajax를 이용한 웹 페이지는 여기저기 많이 분포하고 있습니다. 우리가 편리하게 사용하고 있는 구글, 네이버 등의 지도 역시 Ajax를 통한 비동기화 방식을 채택하였고 자동완성검색과 같이 키워드를 입력하면 그 뒤에 이어질 수 있는 검색어들이 검색창 밑으로 나열되는 것도 역시 Ajax를 이용하여 구현한 내용입니다. 그럼 간단하게 Ajax가 무엇이고 장점과 단점으로 어떤 것이 있는지 알아봅시다. l Ajax란? Asynchronous JavaScript and XML의 약자로, 사용자 요청을 즉시 처리하는 인터랙티브 형식의 웹 응용프로그램을 만들기 위한 컴퓨터 프로그래밍 방법을 말합니다. Ajax는 JavaScript, DHTML, XML, CSS, DOM 그리고 마이크로소프트 객체인 XMLHttpReque.. 2011. 3. 4. 이전 1 다음 반응형
