jQuery การสร้าง Element เพิ่มในหน้าเว็บ HTML

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

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

ภาพประจำตัวสมาชิก
M009
PHP Super Member
PHP Super Member
โพสต์: 205
ลงทะเบียนเมื่อ: 23/04/2013 10:57 am

jQuery การสร้าง Element เพิ่มในหน้าเว็บ HTML

โพสต์ที่ยังไม่ได้อ่าน โดย M009 »

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

ตัวอย่าง

โค้ด: เลือกทั้งหมด

<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 2580 times
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 64