jQuery เปลี่ยน attribute ต่างๆ

Jquery & Ajax Knowledge ความรู้เกี่ยวกับ Javascript , Jquery ม Ajax

Moderators: mindphp, ผู้ดูแลกระดาน

offing
PHP VIP Members
PHP VIP Members
Posts: 1527
Joined: 18/08/2014 10:01 am

jQuery เปลี่ยน attribute ต่างๆ

Post by offing »

Code: Select all

<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.js"></script>
        <style type="text/css">
            .red{
                color:red;
            }
            .bold{
                color:yellow;
            }
           </style>
    </head>
    <body>
        <div>ทดสอบเปลี่ยน class และ attribute อื่นๆ</div>
        <div><input class="status" type="hidden" value="first"></div>
     <div class="red">Hello</div>
  <input type="button" class="click" value="Click Me"/>
 
  <script language="javascript">   
    $(document).ready(function(){
        $("input").click(function(){
            var status = jQuery('input').attr('value');
            if(status == 'first'){
                $(".red").html('yellow').attr('class','bold');
                jQuery('.status').attr('value','second');
            }
            else{
                $(".bold").html("red").attr('class',' red');
                jQuery('.status').attr('value','first');
            }
        });
    });
  </script>
    </body>
</html>
เปิดมาครั้งแรก
1.png
1.png (7.39 KiB) Viewed 584 times
คลิกครั้งแรก
2.png
2.png (7.13 KiB) Viewed 584 times
คลิกครั้งที่สอง
3.png
3.png (6.95 KiB) Viewed 584 times

  • Similar Topics
    Replies
    Views
    Last post

Return to “Jquery & Ajax Knowledge”

Who is online

Users browsing this forum: No registered users and 6 guests