How to get internal stylesheet using jQuery?

Question

Anyone can please tell me How can I get an internal stylesheet using jQuery. I know how to get the style of hello class but I want to take the style of world class.

<!DOCTYPE html>
<html>
<head>
 <style type="text/css">
  .hello{
   color: red;
  }
  .world{
   color: blue;
  }
 </style>
</head>
<body>
    <p class="hello">Hello world!</p>
</body>
</html>

One more example here https://stackoverflow.com/questions/754607/can-jquery-get-all-css-styles-associated-with-an-element — Aravind S, Jul 24 '18 at 04:37

score 0 · Answer 1 · answered Jul 24 '18 at 04:41

<!DOCTYPE html>
<html>
<head>
    <style type="text/css">
        .hello{
            color: red;
        }
        .world{
            color: blue;
        }
    </style>
</head>
<body>
    <p class="hello">Hello</p> 
    <p class="world">world!</p>
</body>
</html>

Gautham Srinivasan · Answer 2 · 2018-07-26T07:32:05.193

You define as .hello class but .world class is not declare how could it response both color in a one class attribute

Based on Jquery You refer this one

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<title>Page Title</title>

</head>
<body>

 <p class="hello">Hello world!</p>
 </body>
</html>

<script>
 $(document).ready(function(){ 

    var n = $(".hello").length;

    if (n < 2) {
        $(".hello").css("color", "red");
       $(".hello").css("background", "blue");

    } 
    else {
        $("body").css("color", "orange");
    }

});

</script>

Check Below Link here

Above link for practice u paste my code and check once... – Gautham Srinivasan Jul 24 '18 at 05:03 — Gautham Srinivasan, Jul 24 '18 at 05:03

How to get internal stylesheet using jQuery?

2 Answers2