Hide elements by class selector

Hide HTML elements by class selector in JQuery

Code:

<html>

<head>
<title>class selector usage</title>
<script src="jquery-1.8.3.js"></script>
<script>
// Waits until the all document is loaded.
$(document).ready(function(){
// Do something when any button is clicked
  $("button").click(function(){
  // Hide any element with class big
    $(".big").hide();
  });
}); 

</script>

</head>
<body>

<textarea rows="5" cols="12" class="big" >
This textarea wil be hidden after you click hide buttton.
</textarea>
<textarea rows="3" cols="10" class="small" >
Normal textarea with anytext.
</textarea>
<p  class="big"> this will be hidden </p>
<input type="text" value="Text value" class="big">
  <button >Hide</button>

</body>
</html>

_________________
M. S. Rakha, Ph.D.
Queen's University
Canada

Author: DrRakha
Mastermind

Posts: 2715
Have thanks: 74 time

Page 1 of 1

[ 1 post ]

Related Posts to : Hide elements by class selector
id Selector with paragraph -
Hide the content of the div -
Hide HTML Div using JavaScript -
hide cell in table -
hide paragraph using jquery -
How can i hide all topics from Guests ? -
Hide the background image by one click -
I want to hide add to cart button for guest users. Need help -
Hide, show and toggle effects with speed control -
Define class helper class to check the method existance -

Topic Tags

JQuery Selector, JQuery Hide

Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
All copyrights reserved to codemiles.com 2007-2011
mileX v1.0 designed by codemiles team
Codemiles.com is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com