-
Jquery[제이쿼리] CSS 변경하기[1]자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 11. 1. 21:27
안녕하세요~ 주니주니 입니다.
오늘은 제이쿼리[jquery]로 CSS 변경해보겠습니다.
위화면처럼 셋팅해주세요~
그리고 실행을 하면!먼가 검은색으로 칙칙하게 나오는군요
제이쿼리[jquery] 로 이렇게 코딩을 해주세요
=====================================================
$('*').css('color','red'); <<이부분은 '*' 모든 부분의 색을 red로
$('h1').css('color','blue'); <<이부분은 'h1'태그의 색을 blue로
$('#ta').css('color','green'); <<이부분은 id가 'ta'인부분의 색을 blue로
$('.ta2').css('color','orange'); <<이부분은 class가 'ta2'인부분의 색을 blue로
=====================================================
변경한다는 뜻입니다.이화면은 아래부분만 코딩했을경우의 출력화면입니다.
$('*').css('color','red');=====================================================
$('*').css('color','red');
$('h1').css('color','blue');
$('#ta').css('color','green');
$('.ta2').css('color','orange');
=====================================================
출력결과입니다.$('input[type=text]').val('Hello~~');
이부분은 input태그의 type이 text 인대상의 value 값을
'Hello~~'로 변경한다는 뜻입니다.짠 ~ 출력화면입니다.
오늘은 제이쿼리[jquery]로 CSS변경 해보았습니다.
그럼 다음에만나요~'자바스크립트[JavaScript] > 제이쿼리[Jquery]' 카테고리의 다른 글
Jquery[제이쿼리] 앞부분 추가[prepend] 뒤부분 추가[append] 하기 (0) 2016.11.06 Jquery[제이쿼리] HTML/TEXT 변경하기 (0) 2016.11.05 Jquery[제이쿼리] 이미지[img] 변경하기 (0) 2016.11.03 Jquery[제이쿼리] CSS변경하기[2] (0) 2016.11.01 Jquery[제이쿼리] 기본 문법 (0) 2016.10.31