Tuesday, 8 October 2013

JQUERY SELECTORS FUNDAMENTAL EXAMPLES - MANOHAR GOUD 9866550012



<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("*").css("background-color","yellow");
});
</script>
</head>
<body>

<h1>Welcome to Manohar Gouds Blog</h1>
<p class="intro">My name is K MANOHAR GOUD.</p>
<p>I live in HYDERABAD - 9866550012 - k.manohar.goud@gmail.com.</p>
<p>I like Teaching</p>

<p>Who is your favourite:</p>
<ul id="choose">
<li>Goofy</li>
<li>Mickey</li>
<li>Pluto</li>
</ul>

</body>
</html>



<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("#intro").css("background-color","yellow");
});
</script>
</head>
<body>

<h1>Welcome to Manohar Goud's Blog</h1>
<p id="intro">My name is K Manohar Goud.</p>
<p>I live in HYDERABAD - 9866550012 - k.manohar.goud@gmail.com.</p>

</body>
</html>


<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $(".intro").css("background-color","yellow");
});
</script>
</head>
<body>

<h1>Welcome to Manohar Gouds Blog</h1>
<p class="intro">My name is K Manohar goud</p>
<p>I live in Hyderabad - 9866550012 - k.manohar.goud@gmail.com</p>


</body>
</html>


<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $(".intro,.demo,.end").css("background-color","yellow");
});
</script>
</head>
<body>

<h1>Welcome to Manohar Goud's Blog</h1>
<p class="intro">This paragraph has class "intro". - Manohar Goud</p>
<p>This is a paragraph.</p>
<p class="demo">This paragraph has class "demo". -  Manohar Goud</p>
<p>This is another paragraph.</p>
<p class="end">This paragraph has class "end". - Manohar Goud</p>

</body>
</html>



<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("p").css("background-color","yellow");
});
</script>
</head>
<body>

<h1>Welcome to Manohar Goud's Blog</h1>
<p class="intro">My name is K. Manohar Goud</p>
<p>I live in Hyderabad - 9866550012 - k.manohar.goud@gmail.com</p>
<p>I like Teaching</p>

Who is your favourite:
<ul id="choose">
<li>Goofy</li>
<li>Mickey</li>
<li>Pluto</li>
</ul>

</body>
</html>


<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("h2,div,span").css("background-color","yellow");
});
</script>
</head>
<body>

<h1>Welcome to Manohar Gouds Blog</h1>
<h2>Nice to meet you</h2>
<div>Very nice indeed.</div>
<p>How are you?</p>
<p>I'm fine, <span>thanks.</span></p>

</body>
</html>




















































































No comments:

Post a Comment