When you use the :visible and :hidd

When you use the :visible and :hidden pseudo-selectors, jQuery tests the actual visibility of the element, not its CSS visibility or display — that is, it looks to see if the element's physical height and width on the page are both greater than zero. However, this test doesn't work with elements; in this case, jQuery does check the CSS display property, and considers an element hidden if its display property is set to none. Elements that have not been added to the DOM will always be considered hidden, even if the CSS that would affect them would render them visible. (See the Manipulation section later in this chapter to learn how to create and add elements to the DOM.)

ผลลัพธ์ (ไทย) 1:

เมื่อคุณใช้การ: เห็น และ: เห็นจริงขององค์ประกอบ ไม่ของ CSS แสดงผล หรือแสดงผลทดสอบเลือกลกันซ่อน jQuery — กล่าวคือ มันจะพิจารณาดูถ้าองค์ประกอบของจริง สูงและความกว้างของหน้ามีค่ามากกว่าศูนย์ อย่างไรก็ตาม การทดสอบนี้ไม่ทำงานกับองค์ประกอบ ในกรณีนี้ jQuery ตรวจสอบคุณสมบัติการแสดงผล CSS และพิจารณาองค์ประกอบซ่อนถ้าคุณสมบัติจอแสดงผลถูกตั้งค่าเป็นไม่ องค์ประกอบที่ไม่ถูกเพิ่มไปโดมเสมอถือเป็นซ่อน แม้ว่า CSS ที่จะส่งผลต่อพวกเขาจะแสดงให้เห็น (ดูส่วนจัดการในบทนี้จะเรียนรู้วิธีการสร้าง และเพิ่มองค์ประกอบในประเทศในภายหลัง)

ผลลัพธ์ (ไทย) 2:

เมื่อคุณใช้: มองเห็นและ: ซ่อนหลอกเตอร์, jQuery ทดสอบการแสดงผลที่เกิดขึ้นจริงขององค์ประกอบที่ไม่มองเห็น CSS หรือจอแสดงผล - นั่นคือมันดูเพื่อดูว่าสูงทางกายภาพขององค์ประกอบและความกว้างบนหน้าเว็บมีทั้งสูงกว่า ศูนย์. อย่างไรก็ตามการทดสอบนี้ไม่ได้ทำงานกับองค์ประกอบ; ในกรณีนี้ jQuery ไม่ตรวจสอบสถานที่ให้บริการการแสดงผล CSS และพิจารณาองค์ประกอบของสถ​​านที่ซ่อนถ้าจอแสดงผลของมันจะตั้งใคร องค์ประกอบที่ยังไม่ได้รับการเพิ่ม DOM มักจะได้รับการพิจารณาที่ซ่อนอยู่แม้ว่า CSS ที่จะส่งผลกระทบต่อพวกเขาจะทำให้พวกเขาสามารถมองเห็นได้ (ดูในส่วนการจัดการต่อไปในบทนี้เพื่อเรียนรู้วิธีการสร้างและเพิ่มองค์ประกอบ DOM ได้.)

ผลลัพธ์ (ไทย) 3:

เมื่อคุณใช้ : : ผู้ที่มองเห็นและแฝงที่ซ่อนอยู่ , การทดสอบการมองเห็นที่แท้จริงขององค์ประกอบของ CSS jQuery ไม่มองเห็นหรือแสดง - นั่นคือมันดูว่าองค์ประกอบทางกายภาพของความสูงและความกว้างบนหน้าทั้งสองมากกว่าศูนย์ อย่างไรก็ตาม การทดสอบนี้ไม่ได้ทำงานกับองค์ประกอบ < TR > ; ในกรณีนี้ jQuery จะตรวจสอบ CSS แสดงคุณสมบัติและพิจารณา องค์ประกอบที่ซ่อนอยู่ถ้ามันแสดงคุณสมบัติการตั้งค่าไม่มี องค์ประกอบที่ยังไม่ได้รับเพิ่ม DOM จะถือว่าซ่อนอยู่ แม้ว่าจะส่งผลกระทบต่อพวกเขาจะแสดง CSS ที่พวกเขาสามารถมองเห็นได้ ( ดูมาตราการจัดการในภายหลังในบทนี้จะได้เรียนรู้วิธีการสร้างและเพิ่มองค์ประกอบ DOM )