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

jQuery Effect show() Method

<วิธี jQuery ผล

ตัวอย่าง

แสดงซ่อน <p> องค์ประกอบทั้งหมด:

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

ความหมายและการใช้งาน

show() วิธีการแสดงซ่อนองค์ประกอบที่เลือก

หมายเหตุ: show() ทำงานบนองค์ประกอบที่ซ่อนอยู่กับวิธีการ jQuery และ display: none ใน CSS ( แต่ไม่ visibility: hidden)

เคล็ดลับ: การซ่อนองค์ประกอบให้ดูที่ hide() วิธีการ


วากยสัมพันธ์

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

พารามิเตอร์ ลักษณะ
speed ไม่จำเป็น ระบุความเร็วของผลกระทบการแสดง ค่าเริ่มต้นคือ 400 มิลลิวินาที

ค่าที่เป็นไปได้:

  • มิลลิวินาที
  • "slow"
  • "fast"
easing ไม่จำเป็น ระบุความเร็วขององค์ประกอบในจุดแตกต่างของภาพเคลื่อนไหว ค่าเริ่มต้นคือ "swing"

ค่าที่เป็นไปได้:

  • "swing" - ย้ายช้าลงที่จุดเริ่มต้น / ปลาย แต่ได้เร็วขึ้นในช่วงกลาง
  • "linear" - การเคลื่อนไหวในความเร็วคงที่
เคล็ดลับ: ฟังก์ชั่นการผ่อนคลายเพิ่มเติมมีอยู่ในปลั๊กอินภายนอก
callback ไม่จำเป็น ฟังก์ชั่นที่จะดำเนินการหลังจากที่ show() วิธีการเป็นที่เรียบร้อยแล้ว

เพื่อเรียนรู้เพิ่มเติมเกี่ยวกับการโทรกลับไปที่ บท jQuery โทรกลับ


ลองตัวเอง - ตัวอย่าง

show() - การใช้พารามิเตอร์ความเร็ว
วิธีการใช้พารามิเตอร์ความเร็วเมื่อซ่อน / แสดงองค์ประกอบ

show() - การใช้พารามิเตอร์โทรกลับ
วิธีการใช้พารามิเตอร์โทรกลับเมื่อซ่อน / แสดงองค์ประกอบ


<วิธี jQuery ผล