My Learnings: Click event in DOM example

Tuesday, January 13, 2015

Click event in DOM example



<!doctype html>



<html lang="en">



<head>



  <meta charset="utf-8">



  <title>click demo</title>



  <style>



  p {



    color: red;



    margin: 5px;



    cursor: pointer;



  }



  p:hover {



    background: yellow;



  }



  </style>



  <script src="//code.jquery.com/jquery-1.10.2.js"></script>



</head>



<body>



 



<p>First Paragraph</p>



<p>Second Paragraph</p>



<p>Yet one more Paragraph</p>



 



<script>



$( "p" ).click(function() {



  $( this ).slideUp();



});



</script>



 



</body>



</html>

My Learnings

Tuesday, January 13, 2015

Click event in DOM example

No comments:

Post a Comment