[JQUERY] 어떻게 CSS 스타일 시트 jQuery를 사용하여 전환합니까?

어떻게 CSS 스타일 시트 jQuery를 사용하여 전환합니까?

해결법

1. ---

   1.

   $('#grayscale').click(function (){
      $('link[href="style1.css"]').attr('href','style2.css');
   });
   $('#original').click(function (){
      $('link[href="style2.css"]').attr('href','style1.css');
   });
   

   이 시도해 있지만 작동하는지 확실하지 난하지만 GD 행운을 테스트하지 않았습니다.

2. ---

   2.난 당신이 같은 주제로 링크 태그에게 ID를 부여 제안합니다. 버튼의 데이터 속성에 CSS 파일의 이름을 넣어 둘에서 동일한 핸들러를 사용 :

   난 당신이 같은 주제로 링크 태그에게 ID를 부여 제안합니다. 버튼의 데이터 속성에 CSS 파일의 이름을 넣어 둘에서 동일한 핸들러를 사용 :

   HTML :

   <link id="theme" rel="stylesheet" href="style1.css">
   
   <button id="grayscale" data-theme="style2.css">Gray Theme</button>
   

   그리고 JS :

   $("button[data-theme]").click(function() {
       $("head link#theme").attr("href", $(this).data("theme"));
   }
   

3. ---

   3.이 방법으로 그렇게 시도 할 수 있습니다 :

   이 방법으로 그렇게 시도 할 수 있습니다 :

   <link id="original" rel="stylesheet" type="text/css" href="style1.css">
   <script>
   function turnGrey(){
       //what ever your new css file is called
       document.getElementById("original").href="grey.css";
   }
   </script>
   <button id="grey" onclick="turnGrey">Turn Grey</button><br />
   

4. ---

   4.이 옵션을 사용합니다 :

   이 옵션을 사용합니다 :

   <link href="Custom.css" rel="stylesheet" />
   <link href="Blue.css" rel="stylesheet" />
   <link href="Red.css" rel="stylesheet" />
   <link href="Yellow.css" rel="stylesheet" />
   
   
   
   <select id="changeCss"`enter code here`>
           <option onclick="selectCss(this)" value="Blue">Blue</option>
           <option onclick="selectCss(this)" value="Red">Red</option>
           <option onclick="selectCss(this)" value="Yellow">Yellow</option>
       </select>
   
   <script type="text/javacript">
   function selectCss() {
               var link = $("link[rel=stylesheet]")[0].href;
               var css = link.substring(link.lastIndexOf('/') + 1, link.length)
               $('link[href="' + css + '"]').attr('href', $('#changeCss').val() + '.css');
           }
   </script>
   

from https://stackoverflow.com/questions/7846980/how-do-i-switch-my-css-stylesheet-using-jquery by cc-by-sa and MIT license