jQuery การสร้าง Element

หมวดสำหรับแบ่งบันความ รู้ต่างๆ จะมีหมวดย่อยๆ ในหมวดนี้ เช่น php, SQL, XML, CSS

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

User avatar
M009
PHP Super Member
PHP Super Member
Posts: 205
Joined: 23/04/2013 10:57 am

jQuery การสร้าง Element

Post by M009 »

การ add element จะใช้คำสั่ง
append() = การเพิ่มต่อจากของเดิม
after() = การเพิ่มหลัง element นั้น
before() = การเพิ่มก่อน element นั้น
html() = การแทรก element

ตัวอย่าง

Code: Select all

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js">
</script>
<script>
jQuery(document).ready(function(){
  jQuery("#btn1").click(function(){
    var text = "<b>เพิ่มก่อน</b>";
    jQuery("#center").before(text);
  });

  jQuery("#btn2").click(function(){
     var text = "<b>เพิ่มหลัง</b>";
    jQuery("#center").after(text);
  });

  jQuery("#btn3").click(function(){
     var text = "<b>ต่อ</b>";
    jQuery("#center").append(text);
  });

  jQuery("#btn4").click(function(){
     var text = "<b>แทรก</b>";
    jQuery("#center").html(text);
  });

});
</script>
</head>

<body>
<span id="center"> CENTER </span>
<br><br>
<button id="btn1">ก่อน</button>
<button id="btn2">หลัง</button>
<button id="btn3">ต่อ</button>
<button id="btn4">แทรก</button>
1.jpg
1.jpg (16.92 KiB) Viewed 426 times

  • Similar Topics
    Replies
    Views
    Last post

Return to “Share Knowledge”

Who is online

Users browsing this forum: No registered users and 3 guests