728x90 jquery14 요소 이동 Element 1 Element 2 Element 3 Element 4 function moveup() { $('#element3').after($('#element3').prev()); } function movedown() { $('#element3').before($('#element3').next()); } 2016. 2. 18. 이전요소 다음요소 선택 .test { margin: 0 8px; display: inline-block; background: #ddd; cursor:pointer; } P tag - 1 P tag - 2 $("#test1").click(function(){$(this).next().css("color","red")}); $("#test2").click(function(){$(this).prev().css("color","red")}); prev() // 이전 요소의 선택 next() // 다음 요소의 선택 2016. 2. 18. unwrap() jQuery API 정복 - 감싼 요소 제거하기, unwrap() .unwrap() 원문 링크 http://api.jquery.com/unwrap/ 함수들 .unwrap( )Returns : jQuery 개요 : DOM에서 일치하는 요소들의 부모요소를 제거합니다. .unwrap( ) .unwrap() 함수는 요소의 부모를 제거합니다. 반대편에 있는 함수는 .wrap() 입니다. 일치하는 요소 (있다면 그들의 형제요소들도)는 DOM 구조에서 부모요소를 대체합니다. 예 제 소스닫기 문단(p)에 div를 Wrap/unwrap 처리합니다. wrap/unwrap Hello cruel World 미리보기 그럼 즐프하세요. ※ 본 예제는 http://www.jquery.com 에 있는 내용임을 밝힙니다. 2015. 12. 2. node name 비교하기 jquery로 node name 비교하기 발생일: 2014.08.14 키워드: jquery, nodeName 문제: 코드 리뷰 중에 이벤트가 발생한 엘리먼트의 태그를 비교하는 구문에 대한 의견이 나왔다. el.nodeName === ‘DIV’ 과 같은 코드였는데, 브라우저에 따라 대소문자가 다른 경우가 있어 아래처럼 대소문자를 맞춰줘야 한다는 의견이었다. el.nodeName.toLowerCase() === ‘div’ 이 코드는 불필요하게 장황한데다 더 간단한 방법이 있어 메모해둔다. 해결책: 간단하게 jquery의 `$.nodeName()`을 사용할 수 있다. $.nodeName(el, name) 꼭 성능이 중요한 부분이 아니라면, $(el).is(‘name’) 과 같이 셀렉터로 비교하면 더 읽기 편한.. 2015. 12. 2. 이전 1 2 3 4 다음 728x90