ล่าสุดการพัฒนาเว็บบทเรียน
 

jQueryผลกระทบ - ซ่อนและแสดง

❮ก่อนหน้า ถัดไปบท❯

ซ่อนแสดงสลับสไลด์จางหายไปและเคลื่อนไหว ว้าว!

คลิกเพื่อแสดง / ซ่อนแผง

เพราะเวลาเป็นสิ่งมีค่าที่เราส่งมอบการเรียนรู้ที่ง่ายและรวดเร็ว

ที่ w3ii คุณสามารถเรียนได้ทุกสิ่งที่คุณต้องการที่จะเรียนรู้ในรูปแบบที่สามารถเข้าถึงได้และมีประโยชน์

ตัวอย่าง

jQuery hide()
แสดงให้เห็นถึง jQuery ง่าย hide() วิธีการ

jQuery hide()
อีก hide() การสาธิต วิธีการซ่อนชิ้นส่วนของข้อความ

jQuery hide() และ show()

กับ jQuery คุณสามารถซ่อนและแสดงองค์ประกอบ HTML กับ hide() และ show() วิธีการ:

ตัวอย่าง

$("#hide").click(function(){
    $("p").hide();
});

$("#show").click(function(){
    $("p").show();
});
ลองตัวเอง»

ไวยากรณ์:

$(selector).hide(speed,callback);

$(selector).show(speed,callback);

พารามิเตอร์ตัวเลือกความเร็วในการระบุความเร็วของการซ่อน / แสดงและสามารถใช้ค่าต่อไปนี้: "slow", "fast" หรือมิลลิวินาที

พารามิเตอร์โทรกลับเสริมมีฟังก์ชั่นที่จะดำเนินการหลังจากที่ hide() หรือ show() วิธีการเสร็จสมบูรณ์ (คุณจะได้เรียนรู้เพิ่มเติมเกี่ยวกับฟังก์ชั่นการโทรกลับในบทต่อไป)

ตัวอย่างต่อไปนี้แสดงให้เห็นถึงพารามิเตอร์ความเร็วที่ hide() :

ตัวอย่าง

$("button").click(function(){
    $("p").hide(1000);
});
ลองตัวเอง»

jQuery toggle()

กับ jQuery คุณสามารถสลับระหว่าง hide() และ show() วิธีการที่มีความ toggle() วิธีการ

องค์ประกอบที่แสดงเป็นที่ซ่อนอยู่และองค์ประกอบที่ซ่อนอยู่จะแสดง:

ตัวอย่าง

$("button").click(function(){
    $("p").toggle();
});
ลองตัวเอง»

ไวยากรณ์:

$(selector).toggle(speed,callback);

พารามิเตอร์ความเร็วตัวเลือกสามารถใช้ค่าต่อไปนี้: "slow", "fast" หรือมิลลิวินาที

พารามิเตอร์โทรกลับเสริมมีฟังก์ชั่นที่จะดำเนินการหลังจากที่มีการ toggle() เสร็จสมบูรณ์

ทดสอบด้วยตัวเองด้วยการออกกำลังกาย!

การใช้สิทธิ 1 » ออกกำลังกาย 2 » ออกกำลังกาย 3 » 4 การออกกำลังกาย»

jQuery ผลกระทบการอ้างอิง

สำหรับภาพรวมที่สมบูรณ์ของทุกผลกระทบ jQuery โปรดไปที่เรา ผลอ้างอิง jQuery


❮ก่อนหน้า ถัดไปบท❯