JQuery jQuery 스타일 & 속성 다루기

2017.08.25 04:32

졸리운_곰 조회 수:598

 

jQuery 스타일 & 속성 다루기

http://survival.egloos.com/462460

경축! 아무것도 안하여 에스천사게임즈가 새로운 모습으로 재오픈 하였습니다.
어린이용이며, 설치가 필요없는 브라우저 게임입니다.
https://s1004games.com



1. 스타일 값 구하기 

   var $test1 = $("#test_1");
   $test1.css("color");
   $test1.css("fontSize");
   $test1.css("font-size"); 


2. 스타일 값 설정하기

 - 1개 속성 설정할때,
   $("#test_1").css("left", "100px");
   $("#test_1").css("color", "#ff0000");
  
- 여러개 속성 설정할때,
   $("#test_1").css({position:"absolute", left:"100px", color:"#ff0000"});


 * JavaScript 는 메소드 오버로드를 제공하지 않지만, 비슷하게 jQuery 에서 제공하고 있다.
   (return 값이 다르니, 주의해서 사용!)
 
 
 

* 참고사이트 
 - http://api.jquery.com/css/



3. 속성 다루기

 - 속성값 구하기 : $("선택자").attr("속성이름")

 - 속성값 설정하기 : $("선택자").attr("속성이름","속성값")

 - 속성 제거하기 : $("선택자").removeAttr("속성이름")

[출처] http://egloos.zum.com/survival/v/462460

 

본 웹사이트는 광고를 포함하고 있습니다.
광고 클릭에서 발생하는 수익금은 모두 웹사이트 서버의 유지 및 관리, 그리고 기술 콘텐츠 향상을 위해 쓰여집니다.
대표 김성준 주소 : 경기 용인 분당수지 U타워 등록번호 : 142-07-27414
통신판매업 신고 : 제2012-용인수지-0185호 출판업 신고 : 수지구청 제 123호 개인정보보호최고책임자 : 김성준 sjkim70@stechstar.com
대표전화 : 010-4589-2193 [fax] 02-6280-1294 COPYRIGHT(C) stechstar.com ALL RIGHTS RESERVED