메뉴 닫기

가장 간단하게 jquery로 특정 요소 css 변경시키는 튜토리얼

0 답변 글타래를 보이고 있습니다
  • 글쓴이
    • #6876
      Im.CodeIm.Code
      Keymaster
      • 토픽 23
      • 답변 0
      @imcode

      와 진짜 개빡치던게, 그냥 jquery 스크립트로 존나 간단하게 class나 id로 css만 변경하고 싶은데, 그 간단한거 설명하는 새끼가 없고 주저리 주저리 딴짓거리 하길래 빡쳐서 직접 만듬.

      예를들어

      <div class="ex1">This</div>
      <style>.ex1{color:#000;}</style>
      

      이런식으로 클래스 ‘ex1’이라는 요소가 color:#000;로 검은색 글씨로 나올 때, 이걸 빨간색 글씨로 바꾸고 싶으면,

      1. 적당한 버전의 jquery를 불러온다

      <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
      

      2. 아래 코드를 쓴다. 끝.

      <script>
      $( document ).ready( function() {
      	$( '.ex1' ).css( 'color', 'red' );
            } );
      </script>
      

      색 말고 다른 css를 사용하고 싶다면 color 랑 red 부분을 다른 css로 적절하게 바꿔주면 됨.

      Hello, World !

0 답변 글타래를 보이고 있습니다
  • 답변은 로그인 후 가능합니다.

이메일 구독 - Email Subs

최선을 다해 직접 만든 콘텐츠만 공유합니다.
We share the best content we have created.

이메일 구독 - Email Subs

최선을 다해 직접 만든 콘텐츠만 공유합니다.
We share the best content we have created.