자바스크립트[JavaScript]
-
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 ..
-
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되면
-
Jquery[제이쿼리] wrapInner() 메서드배우기자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 12. 5. 00:15
안녕하세요~ 제이쿼리공장장 주니주니 입니다. 오늘은 제이쿼리[jquery] wrapInner() 메서드를 배워보겠습니다. 이렇게 준비해보았습니다. 실행화면입니다. =============================== $('.b1').on('click',function(){ $('p').wrapInner(''); alert($('.div0').html()); }); =============================== class b1가 click되면
-
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되면
-
Jquery[제이쿼리] unwrap()메서드 배우기자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 12. 4. 22:59
안녕하세요~ 제이쿼리공장장 주니주니 입니다. 오늘은 제이쿼리[jquery] unwrap()메서드를 배워보겠습니다. 이렇게 준비해보았습니다. 실행화면입니다. =============================== $('.b1').on('click',function(){ $('p').unwrap(); }); =============================== class b1가 click되면
-
Jquery[제이쿼리] siblings() 메서드 배우기자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 12. 4. 21:43
안녕하세요~ 제이쿼리공장장 주니주니 입니다. 오늘은 제이쿼리[jquery] siblings() 메서드를 배워보겠습니다. 이렇게 준비해보았습니다. 준비한 소스의 실행화면입니다. =============================== $('.b1').on('click',function(){ $('.div0_1').siblings().not("input").css("border-color","skyblue"); setTimeout(function(){ $('.div0_1').siblings().not("input").css("border-color","black"); }, 1000); }); =============================== class b1가 click되면
-
Jquery[제이쿼리] not() 메서드 배우기자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 12. 4. 04:07
안녕하세요~ 제이쿼리공장장 주니주니 입니다. 오늘은 제이쿼리[jquery] not() 메서드를 배워보겠습니다. 이렇게 준비해보았습니다. 실행화면입니다. =============================== $('.div0').children().on("click",function(){ $('.div0').children().animate({ "width":"400" },1000).animate({ "width":"50" },1500); }); =============================== class div0의 children()가 click되면