jQuery ความงาม - ซ่อนและแสดง
- หน้าก่อน เหตุการณ์ jQuery
- หน้าต่อไป jQuery ฝั่งฝ่ายโค้ดลงตัว
ซ่อน แสดง เปลี่ยนแปลง หล่องลง ฝั่งฝ่ายโค้ดลงตัว และ แอนิเมชัน โอโรโร!
แสดงผลลัพธ์
คลิกที่นี่ เพื่อซ่อน/แสดงแผง
ชั่วโมงที่แรกเท่าทองคำ ดังนั้น เราให้คุณบทเรียนที่ง่ายต่อใจและรวดเร็ว
ที่นี่ คุณสามารถได้รับความรู้ที่คุณต้องการโดยรู้สึกที่ง่ายต่อใจ
ตัวอย่าง
- jQuery hide()
- แสดงฟังก์ชัน jQuery hide() ที่เรียบง่าย
- jQuery hide()
- ฟังก์ชัน hide() อีกครั้ง
jQuery hide() และ show()
ผ่าน jQuery คุณสามารถใช้ฟังก์ชัน hide() และ show() ที่จะซ่อนและแสดง HTML องค์ประกอบ
$("#hide").click(function(){
$("p").hide();
});
$("#show").click(function(){
$("p").show();
});
มีนัยทางภาษาคือ
$(selector).hide(speed,callback); $(selector).show(speed,callback);
ตัวแปรที่เป็นตัวเลือก speed ตัวแปรนี้กำหนดความเร็วการซ่อนแสดง และสามารถใช้ค่าต่อไปนี้: "slow", "fast" หรือ มิลลิเซกันด์
ตัวแปรที่เป็นตัวเลือก callback ตัวแปรคือชื่อฟังก์ชันที่จะทำงานหลังจากซ่อนหรือแสดง
ตัวอย่างด้านล่างนี้แสดงถึงการใช้ speed ฟังก์ชันตัวแปร hide():
ตัวอย่าง
$("button").click(function(){
$("p").hide(1000);
});
jQuery toggle()
ผ่าน jQuery คุณสามารถใช้ฟังก์ชัน toggle() เพื่อเปลี่ยนแปลง hide() และ show()
แสดงช่วงที่ซ่อนไว้ และซ่อนช่วงที่แสดงอยู่
ตัวอย่าง
$("button").click(function(){
$("p").toggle();
});
มีนัยทางภาษาคือ
$(selector).toggle(speed,callback);
ตัวแปรที่เป็นตัวเลือก speed ตัวแปรนี้กำหนดความเร็วการซ่อนแสดง และสามารถใช้ค่าต่อไปนี้: "slow", "fast" หรือ มิลลิเซกันด์
ตัวแปรที่เป็นตัวเลือก callback ตัวแปรคือชื่อฟังก์ชันที่จะทำงานหลังจาก toggle() มีผล
jQuery คู่มือประมวลผล
ถ้าคุณต้องการดูคู่มือประมวลผล jQuery ทั้งหมด โปรดเข้าถึง jQuery คู่มือประมวลผล。
- หน้าก่อน เหตุการณ์ jQuery
- หน้าต่อไป jQuery ฝั่งฝ่ายโค้ดลงตัว
