IT IT

자바스크립트[JavaScript]/제이쿼리[Jquery]

• Jquery[제이쿼리] :contains()셀렉터 배우기

  자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 12. 5. 22:46

  안녕하세요~ 제이쿼리공장장 주니주니 입니다. 오늘은 제이쿼리[jquery] :contains()셀렉터를 배워보겠습니다. 이렇게 준비해보았습니다. 실행화면입니다. =============================== $('.b1').on('click',function(){ var text_t1 = $('.t1').val(); $('span:contains('+text_t1+')').css("color","blue"); }); =============================== class b1가 click되면

  Read More
• Jquery[제이쿼리] is() 메서드 배우기

  자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 12. 5. 22:41

  안녕하세요~ 제이쿼리공장장 주니주니 입니다. 오늘은 제이쿼리[jquery] is() 메서드를 배워보겠습니다. 이렇게 준비해보았습니다. 실행화면입니다. =============================== $('.div0').children().on('click',function(){ if($(this).is('p')) { alert("태그입니다."); } else if($(this).is('span')) { alert("태그입니다."); } else if($(this).is('h1')) { alert("태그입니다."); } else if($(this).is('img')) { alert("태그입니다."); } else if($(this).is('textarea')) { alert("태그입니다."); }..

  Read More
• Jquery[제이쿼리] removeAttr() 메서드 배우기

  자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 12. 5. 22:28

  안녕하세요~ 제이쿼리공장장 주니주니 입니다. 오늘은 제이쿼리[jquery] removeAttr() 메서드를 배워보겠습니다. 이렇게 준비해보았습니다. 실행화면입니다. =============================== $('textarea').val($('.div0').html()); =============================== 태그의 value의 값을 class div0의 html()값으로 넣어주었습니다. =============================== $('.b1').on('click',function(){ var text_1 = $('.t1').val(); var text_2 = $('.t2').val(); $(text_1).removeAttr(text_2); $('text..

  Read More
• Jquery[제이쿼리] attr() 메서드 배우기

  자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 12. 5. 22:26

  안녕하세요~ 제이쿼리공장장 주니주니 입니다. 오늘은 제이쿼리[jquery] attr() 메서드를 배워보겠습니다. 오늘은 이렇게 준비해보았습니다. 실행화면입니다. =============================== $('textarea').val($('.div0').html()); =============================== 태그의 value의 값을 class div0의 html()값으로 넣어주었습니다. =============================== $('.b1').on('click',function(){ var text_1 = $('.t1').val(); var text_2 = $('.t2').val(); var text_3 = $('.t3').val(); if(text_3 ..

  Read More
• Jquery[제이쿼리] end() 메서드 배우기

  자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 12. 5. 22:24

  안녕하세요~ 제이쿼리공장장 주니주니 입니다. 오늘은 제이쿼리[jquery] end() 메서드를 배워보겠습니다. 이렇게 준비해 보았습니다. 실행화면입니다. =============================== $('.b1').on('click',function(){ $('.div0').find('p').css("color","red").end().find('span').css("color","blue"); // $('.div0').find('p').css("color","red").find('span').css("color","blue"); }); =============================== class b1가 click되면

  Read More
• Jquery[제이쿼리] wrapInner() 메서드배우기

  자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 12. 5. 00:15

  안녕하세요~ 제이쿼리공장장 주니주니 입니다. 오늘은 제이쿼리[jquery] wrapInner() 메서드를 배워보겠습니다. 이렇게 준비해보았습니다. 실행화면입니다. =============================== $('.b1').on('click',function(){ $('p').wrapInner(''); alert($('.div0').html()); }); =============================== class b1가 click되면

  Read More
• Jquery[제이쿼리] wrapAll()메서드 배우기

  자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 12. 4. 23:02

  안녕하세요~ 제이쿼리공장장 주니주니 입니다. 오늘은 제이쿼리[jquery] wrapAll()메서드를 배워보겠습니다. 이렇게 준비해보았습니다. 이렇게 준비해보았습니다. =============================== $('.b1').on('click',function(){ $('p').wrapAll(''); }); $('.b2').on('click',function(){ $('p').wrap(''); }); =============================== class b1가 click되면

  Read More
• Jquery[제이쿼리] unwrap()메서드 배우기

  자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 12. 4. 22:59

  안녕하세요~ 제이쿼리공장장 주니주니 입니다. 오늘은 제이쿼리[jquery] unwrap()메서드를 배워보겠습니다. 이렇게 준비해보았습니다. 실행화면입니다. =============================== $('.b1').on('click',function(){ $('p').unwrap(); }); =============================== class b1가 click되면

  Read More