본문 바로가기

분류 전체보기943

JQuery 함수 trigger(), 강제로 click 이벤트 발생시키기 강제로 이벤트를 실행시키기 위해서는 JQuery .trigger() 라는 함수를 사용한다. .trigger( eventType [, extraParameters ] ) 아래 예시에서 btn 이라는 id를 갖는 요소에 강제로 클릭 이벤트를 발생시킨다. $(document).ready(function(){ // trigger로 인해 실행되는 부분 $("#btn").bind("click", function(){ alert("클릭!"); }); // 강제로 클릭 이벤트 발생시키는 부분! $("#btn").trigger("click"); }); 클릭 안 해도 됨. 로딩이 완료되는 데로 div를 클릭하지 않아도 trigger로 이벤트를 발생시키기 때문에 "클릭!" 이라는 alert가 뜬다. 클릭 외에도 원하는 이벤.. 2018. 10. 29.
JQuery, 부모 태그 찾는 함수 Closest(), Parent(), Parents() JQuery Closest(), Parent(), Parents() 마우스 클릭 이벤트와 같은 이벤트를 발생시킬 때 상위 태그나 요소를 찾을 일이 종종 발생한다. 이때 사용할 수 있는 jquery 함수는 3가지가 있다. 이 세가지는 아주 흔히 사용되는 함수로 반드시 기억해 둔다. .closest() // .closest("div") 와 같이 사용하여 원하는 특정 요소만 찾을 수 있음. .parent() // 바로 상위 요소 하나를 찾아줌. .parents() // 상위 모든 요소를 반환함. 예제로 살펴보면 아래와 같다. Find parent element 페이지에 clickButton 이라는 id를 가진 a태그를 클릭 했다고 가정했을 때, 아래 주석처럼 각각의 결과물을 확인할 수 있다. .closest(.. 2018. 10. 29.
JQuery, 체크박스 체크 여부 검사하는 방법 정리 이번 포스트에서는 JQuery 명령어를 통해 체크박스의 상태를 가져오거나 객체 전체를 호출하는 방법, 체크된 박스의 개수를 구하는 방법을 소개하겠습니다. 참고로 라디오 버튼도 거의 유사한 원리로 동작합니다. 체크된 객체 가져오기 체크 박스가 있는 예시 소스 체크된 태그의 객체를 가져오는 JQuery 소스 // 결과: 체크된 input의 object를 가져온다. $("input[name='getByName']:checked"); 예) 체크된 input 객체가 있는지 없는지 검사하는 방법. // 결과: 0보다 크면 체크 된 상태다. $("input[name='getByName']:checked").length; 체크 여부 확인하기 예시 소스 체크 여부를 검사하는 JQuery 소스 // 결과: 체크되어 있으면.. 2018. 10. 29.
JQuery, 동적으로 추가된 dom element(태그)에 onclick이 인식 안되는 경우 해결 방법 onclick이 인식 안되는 경우 .on() 메소드는 DOM element에 이벤트를 바인딩 하는데 쓰인다. 하지만, 동적으로 추가된 요소에 대해서는 이벤트가 바인딩 되지 않는다. 아래 소스를 예로 들면 $(document).ready(function () { $('#btnAdd').on('click', function(){ $('Dynamic Div ').appendTo('body'); }); $('div').on('click', function() { console.log("Clicked."); }); }); btnAdd 라는 태그를 클릭했을 때 div가 추가되는데, 새로 추가된 div 태그를 클릭하면 바로 아래 onclick 이벤트가 실행되지 않는다. 최초에 페이지를 로딩할 때 해당 태그가 없어서 .. 2018. 10. 29.
방콕 디저트 맛집, 망고 스티키 라이스, 망고 빙수 추천 (애프터 유 디저트 카페) 페이지: afteryoudessertcafe.com 연락처: +66 2 613 0597 영업 : 11:00 ~ 24:00 제가 태국에서 먹어본 망고 빙수 중에서는 최고였습니다. 저는 개인적으로 망고탱고 망고 빙수 보다 더 맛 있었습니다. 망고 본연의 맛을 살린 빙수는 아니지만, 쌀과 망고, 스윗 치즈의 조합이 아주 신선하게 느껴졌습니다. 위치는 제가 간 Ari역 지점으로 공유 드리겠습니다. 지점은 다른 지역에도 많이 있으니, 홈페이지에서 확인하고 가셔도 됩니다. 구글맵에서 위치 확인하기! (클릭) 카페에 망고 빙수만 팔지는 않으므로 망고를 싫어하시는 분들은 다른걸 드실수 있습니다. 이날 운좋게 매장에 사람이 별로 없어 바로 빙수를 먹을 수 있었습니다. 비쥬얼 사진처럼 멋졌습니다ㅎㅎ 먹음직스러운 만큼 맛도.. 2018. 10. 28.
방콕 근교, 세계에서 제일 큰 야외 박물관 고대 시암 공원 주소: 963 หมู่ 9 Sukhumvit Rd, Bang Pu Mai, Amphoe Mueang Samut Prakan, Chang Wat Samut Prakan 10280 영업: 매일 9:00~19:00 연락: +66 2 709 1644 입장: 성인 500B, 어린이 250B 구글맵으로 위치 보기! (클릭) 택시 요금은 방콕에서 800~1000 바트, 이것도 협상 실력에 따라 더 저렴하게 올 수 있습니다. 저는 방콕에서 자가용으로 갔는데, 따로 주차료는 받지 않았습니다. 오후 늦게 와서 그런지 주차장에 차도 매우 적어 입구 바로 앞에 주차했습니다. 입장료도 원래 500 바트인데 오후에 오니 할인받았습니다. 고대 시암 공원 (Ancient Siam Park) 시암 공원 자체가 지도에 있는 태국 모양이.. 2018. 10. 28.
태국 여행 전, 알면 도움 되는 태국 문화 재미로 한국과 다른 태국 문화 정리해 봤습니다.참고로 태국 현지 대학생에게 들은 이야기로 신뢰도는 매우 높습니다.재미 있게 보신 분들은 추천 부탁해요 :) 종교공식 국교는 불교지만, 개인의 종교는 자유입니다.특이한 점은 태어날 때 국가에 아이의 종교를 등록한다고 하네요ㅋ결국 부모님의 종교를 받는 것 같아요. 형식적이긴 하지만.. 작명태국 이름은 꾀 깁니다. 발음하기도 기억하기도 어렵죠.그래서 태어날 때 작명 받기 위해 스님을 찾아가는데, 이때 애칭도 같이 지어줍니다. 애칭은 영어 단어나 간단한 태국 이름으로 지어줍니다.예) Book, Wing, May, Milk 등등 재미 있는 점은 이런 애칭에는 별 의미도 없고 그냥 단어나 쓴다는 점이죠.그리고 친구 끼리도 본명을 모르는 경우도 있다고 합니다. 치안태국.. 2018. 10. 28.
방콕 스쿰빗 디저트 카페, IBerry Homemade 코코넛 케익! 고급진 카페에서 저녁을 먹기 위해 멋진 카페와 식당이 많은 스쿰빗으로 갔습니다.(BTS Thong Lo 역 하차) 스쿰빗은 방콕 내 부자 동내, 무시하고 갔다간 싸지 않은 가격에 당황할 수 있습니다ㅋ 한국이랑 별 차이가 없지만, 아주 조금 저렴하긴 합니다.미리 식당을 알아보고 간게 아니라 인테리어가 좋아 보이는 IBerry Homemade라는 카페로 갔습니다. 식사도 가능한 카페라 우선 팟타이와 딸기에이드, 그리고 커피를 주문했습니다. 조금 비싼 가격 치고 팟타이 맛은 크게 차이가 없었습니다. 물론 길 거리에서 파는 팟타이보다는 깔끔하고 좋은 재료로 만들었지만, 맛은 무난했습니다. 팟타이로 저녁을 해결하고 드디어 기다리던 코코넛 케이크를 주문했습니다. 입구에서 들어올 때부터 먹고 싶었는데 드디어 왔습니다.. 2018. 10. 28.
아콘 프리버드(freebuds) x11 무선 블루투스 이어폰 장,단점 Archon Freebuds X11 인이어 무선 블루투스 이어폰을 찾던 중 디자인이 마음에 들어 x11을 구매했습니다.가격은 정가로 8만 5천원 정도하는데 쇼핑몰에서 7만에 구매 가능합니다.배송은 무지 빨랐습니다.구매 하자 마자 다음날에 배송 받는게 되어 기분이 매우 좋았습니다. 설레이는 마음으로 설명서를 읽고 바로 사용 하기 시작했습니다.사용하다 보니 여러 장단점이 있는 것 같아 저 처럼 구매하기 까지 수 없이 고민할 분들을 위해 사용 후기를 작성해 봤습니다. X11 음질 무선 이어폰의 큰 단점은 음질입니다. 물론 비쌀수록 좋아지지만, 유선 이어폰이랑 직접 비교하기는 어렵습니다.x11도 마찬가진데, 베이스가 좀 얇고 고음 노래를 크게 틀면 (70% 수준) 순간 솟는 고음부에서 음이 가끔 갈라지는 느낌이.. 2018. 10. 27.

티스토리툴바