effect hide() และ show()
้hide() คือ effect หนึ่งของ javascript ที่ใช้ ซ่อน element
show() คือ effect หนึ่งของ javascript ที่ทำงานต่างจาก hide() คือ จะแสดง element ที่ผู้ใช้ซ่อนไว้
การใช้ click
โค้ด: เลือกทั้งหมด
<p>test value</p>
<input type="submit" class="hide" value="hide">
<input type="submit" class="show" value="show">
โค้ด: เลือกทั้งหมด
<script>
$(document).ready(function(){
$(".hide").click(function(){
$('p').hide();
});
$(".show").click(function(){
$('p').show();
});
});
</script>
แล้ว ทำการคลิก show ตัวข้อความ test value จะแสดง
การใช้ onclick
โค้ด: เลือกทั้งหมด
<button onclick="clickFunction()">Click</button>
<p id="test"></p>
โค้ด: เลือกทั้งหมด
<script>
function myFunction() {
document.getElementById("test").innerHTML = "MindPHP";
}
</script>