jQuery ซ่อน/แสดง ปุ่ม Button ด้วยคำสั่ง hide และ show

สอนเขียน jQuery ซ่อน/แสดง ปุ่ม Button ด้วยคำสั่ง hide และ show บทความนี้แนะนำการใข้ jQuery Framework ด้วยคำสั่ง hide สำหรับซ่อน และคำสั่ง show สำหรับแสดง โดยนำไปใช้ร่วมกับปุ่ม Button ของ HTML สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง jQuery ซ่อน/แสดง ปุ่ม Button ด้วยคำสั่ง hide และ show

<input type="button" value="ปุ่ม Button" id="btn">
<input type="button" value="ซ่อน" onclick="hide()"> <input type="button" value="แสดง" onclick="show()">

<script>
    function show() {
        $("#btn").show();
    }
    function hide() {
        $("#btn").hide(); 
    }
</script>

jQuery ซ่อน/แสดง ปุ่ม Button ตัวอย่างทั้ง 2 ฟังก์ชันอ้างถึงปุ่ม Button ด้วย id = btn และใช้คำสั่ง show สำหรับแสดง และคำสั่ง hide สำหรับซ่อน