JKUN

Welcome To The Jkun.net

블로그 포스트 검색결과


Development/JavaScript | jQuery 에 해당되는 글 5개가 검색 되었습니다.

  1. 2016.01.21 jquery attribute (속성 존재여부)
  2. 2015.04.13 $.when()
  3. 2014.12.29 노드 다루기
  4. 2014.05.13 jQuery Form Reset
  5. 2013.11.15 window.resize 크로스 브라우징

Blog

jquery attribute (속성 존재여부)

2016.01.21 18:16 Development/JavaScript | jQuery


Navtive

$(this)[0].hasAttribute('name');

jQuery

$(this).is('[name]');//boolean
$(this).filter('[name="jkun"]');

개인적으로는 is 메소드를 더 선호

저작자 표시
신고

'Development > JavaScript | jQuery' 카테고리의 다른 글

jquery attribute (속성 존재여부)  (0) 2016.01.21
$.when()  (0) 2015.04.13
노드 다루기  (0) 2014.12.29
jQuery Form Reset  (0) 2014.05.13
window.resize 크로스 브라우징  (0) 2013.11.15
현재 0 개의 댓글이 있습니다.
Comment

Blog

$.when()

2015.04.13 14:43 Development/JavaScript | jQuery


http://api.jquery.com/jQuery.when/


jQuery 에서 특정액션을 취하고 성공과 실패여부에 따라 기능을 수행해야 하는 경우가 있다.

이 경우에는 when() 메소드를 이용하면 보다 간편하고 명시적인 코드로 처리할 수 있다.

쿼리에서 CASE WHEN ... THEN 절과 비슷한 느낌이 든다.


사용은 다음과 같다.


$.when( alert('밥 먹고난 다음에 ') ).done(function() {
alert('커피한잔 허자');
});

그리고 추가적인 절차가 필요할때도 다음과 같다.

function work1() { /* action */ }
function work2() { /* action */ }
$.when( work1, work2 ).done(function() {
alert('End!');
});

그리고 done() 과 then() 의 차이가 있다.

처리후 콜백이 "성공" 과 ("성공","실패") 로 나누어 진다고 생각하면 된다.

function work() { /* action */ }
function trueWork() { /* action */ }
function falseWork() { /* action */ }
$.when ( work ).then( trueWork, falseWork );


저작자 표시
신고

'Development > JavaScript | jQuery' 카테고리의 다른 글

jquery attribute (속성 존재여부)  (0) 2016.01.21
$.when()  (0) 2015.04.13
노드 다루기  (0) 2014.12.29
jQuery Form Reset  (0) 2014.05.13
window.resize 크로스 브라우징  (0) 2013.11.15
현재 0 개의 댓글이 있습니다.
Comment

Blog

노드 다루기

2014.12.29 00:22 Development/JavaScript | jQuery


출처 : http://egloos.zum.com/survival/v/464374


1. 노드 찾기

 - 태그 이름으로 노드 찾기 :  $("태그이름"),   $("선택자")

 - 클래스 이름으로 노드 찾기 : $(".클래스이름")

 - ID로 노드 찾기 : $("선택자")

 - 속성으로 노드 찾기 : $("[속성이름=값]")

 - 찾은 요소 개수 구하기 :  .size()    ,     .length

 - 찾은 요소 n번째 접근하기 : .eq(index)    ,    .each(function(index){});

 - 찾은 요소에서 특정요소만을 걸러내기 : .filter("선택자")

 - 찾은 요소에서 특정 자식요소만 찾기 :  .find("선택자")

2. 자식 노드 찾기 

 - 전체 자식 노드 찾기
    -- 텍스트 노드 포함 전체 자식 노드 찾기 :  $("선택자").contents()
    -- 텍스트 노드 제외한 전체 자식 노드 찾기 : $("선택자").children("선택자")

 - n번째 자식 노드 접근
    -- $("선택자").children().eq(N)
    -- $("선택자").children(":eq(N)")

 - 첫번째 자식 노드 접근
    -- $("선택자").children().first()
    -- $("선택자").children(":first")
    -- $("선택자").children().eq(0)
    -- $("선택자").children(":eq(0)")

 - 마지막 자식 노드 접근
    -- $("선택자").children().last()
    -- $("선택자").children(":last")
 
3. 부모 노드 찾기
 
 - 바로 위의 부모 : $("선택자").parent()

 - 모든 부모 찾기
    -- $("선택자").parents()  모든 부모
 - 모든 부모 중 선택자에 해당하는 부모 찾기
    -- $("선택자").parents("선택자")

4. 형제 노드 찾기

 - 이전 형제 노드 찾기
    -- $("선택자").prev()
    -- $("선택자").prevAll("선택자");

 - 다음 형제 노드 찾기
    -- $("선택자").next()
    -- $("선택자").nextAll("선택자");

5. 노드 생성,추가,이동,삭제

 - 생성
    -- $("노드")
    -- $("선택자").html("<노드>...")
    -- $("노드").clone()

 - 추가
    -- $기준노드.append($추가노드)
    -- $추가노드.appendTo($기준노드)
    -- $기준노드.prepend($추가노드)  
    -- $추가노드.prependTo($기준노드)
    -- $추가노드.insertBefore($기준노드)
    -- $기준노드.before($추가노드)
    -- $추가노드.insertAfter($기준노드)
    -- $기준노드.after($추가노드)

 - 삭제
    -- $("선택자").remove()

 - 이동
    -- $기준노드.append($이동노드)  
    -- $이동노드.appendTo($기준노드)
    -- $이동노드.insertBefore($기준노드)
    -- $기준노드.before($이동노드)
    -- $이동노드.insertAfter($기준노드)   
    -- $기준노드.after($이동노드)

6. 텍스트 노드 다루기

 - 텍스트 노드 생성 : $("텍스트")
 
 - 텍스트 노드 추가 : $기준노드.append("텍스트")

 - 텍스트 노드 변경 : $기준노드.text("새로운 텍스트")

저작자 표시
신고

'Development > JavaScript | jQuery' 카테고리의 다른 글

jquery attribute (속성 존재여부)  (0) 2016.01.21
$.when()  (0) 2015.04.13
노드 다루기  (0) 2014.12.29
jQuery Form Reset  (0) 2014.05.13
window.resize 크로스 브라우징  (0) 2013.11.15
현재 0 개의 댓글이 있습니다.
Comment

Blog

jQuery Form Reset

2014.05.13 15:32 Development/JavaScript | jQuery


에이 너무 까먹어서 포스팅한다. 짜증나네;;


jQuery Form Reset


$('#formID')[0].reset(); //ㅅㅂ


나도 구글링하다 여기[http://mytory.net/archives/365] 보고 찾음; 감사합니다.^^;

저작자 표시
신고

'Development > JavaScript | jQuery' 카테고리의 다른 글

jquery attribute (속성 존재여부)  (0) 2016.01.21
$.when()  (0) 2015.04.13
노드 다루기  (0) 2014.12.29
jQuery Form Reset  (0) 2014.05.13
window.resize 크로스 브라우징  (0) 2013.11.15
현재 0 개의 댓글이 있습니다.
Comment

Blog

window.resize 크로스 브라우징

2013.11.15 16:37 Development/JavaScript | jQuery


window.open 메소드를 통해서 팝업을 띄우면서 크로스 브라우징 하다보니;;

여간 짜증나는게 아니다;

그리고 인터넷 익스플로러 11부터는 msie 문자열도 뱉어내지 않게 되다보니.. 별것도 아닌거에 공수를

들이는 엿같은 상황이..


해서 jQuery 를 인용해서 유저에이전트 플러그인을 좀 커스터마이징해서 살짝 함수 두어개 얹었다.

해서 테스트를 하다보니.. 잘된다..ㅋㅋㅋ


		$(document).ready(function () {
			window.moveTo(0, 0);
			
			var w = $(document).width();
			var h = $(document).height();
			window.resizeTo(w, h);

			var mw = window.outerWidth - window.innerWidth;
			var mh = window.outerHeight - window.innerHeight;
			window.resizeBy(mw, mh);

			if (isIEVer() < 9) {				
				mw = $(document).outerWidth() - $(window).width();
				mh = $(document).outerHeight() - $(window).height();				
				window.resizeBy(mw, mh);
			}
		});

테스트브라우저 : 인터넷 익스플로러 7,8,9,10,11

OS : XP , Windows 7, Windows 8

저작자 표시
신고

'Development > JavaScript | jQuery' 카테고리의 다른 글

jquery attribute (속성 존재여부)  (0) 2016.01.21
$.when()  (0) 2015.04.13
노드 다루기  (0) 2014.12.29
jQuery Form Reset  (0) 2014.05.13
window.resize 크로스 브라우징  (0) 2013.11.15
현재 0 개의 댓글이 있습니다.
Comment