jquery เริ่มต้น

<!DOCTYPE html> 
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js">
</script>
<script>
$(document).ready(function()
{
     <!-- Event -- >
     $("#ok1").click(function()
     {
        <!-- Action -->
        $("#p1").hide(); <!-- อ้างอิงถึง ID -->
        $("p").hide(); <!-- อ้างอิงถึง Element tag p -->
        $(".text").hide() <!-- อ้างถึง class -->

     });
     
     <!-- Event 2 -->
     $("#ok2").click(function() 
     {
          <!-- Action -- >
          $("#p1").hide(); <!-- อ้างอิงถึง ID --> 
          $("p").hide(); <!-- อ้างอิงถึง Element tag p --> 
          $(".text").hide() <!-- อ้างถึง class -->
 
     });
});
</script>

</head>

<body>

<p class=text id=p1> how2dev.net </p>
<p class=text id=p2> javascript </p>
<p class=text id=p3> jQuery </p>

<button id=ok1>OK1</button>

<button id=ok2>OK2</button>

</body>

</html>


 

Leave a Comment

Your email address will not be published. Required fields are marked *