แบบฝึกหัดเพื่อฝึกใช้งานไลบรารี jQuery

ให้ห่อทั้งหมดของย่อหน้า p ซึ่งภายใน มีแท็ก b อยู่ ด้วยแท็ก div

จงหาทั้งหมดของย่อหน้า p ที่มีคลาส www จากนั้นใส่ข้อความ '!' ไว้ที่ด้านหน้า จากนั้นเพิ่มให้กับย่อหน้าเหล่านี้ ส่วนหัว h1-h6 และ กำหนดสีให้ย่อหน้าและส่วนหัวเป็นสีแดง

จงหาทั้งหมดของย่อหน้า p และแทนที่ด้วย แท็ก div ที่มีเนื้อหาเหมือนเดิม

จงหา ช่องทำเครื่องหมาย ทั้งหมดบนหน้าและ ปิดใช้งาน ช่องทำเครื่องหมายที่เป็นเลขคู่จากที่พบ

ตั้งสถานะ 'ถูกเลือก' ให้กับ ช่องทำเครื่องหมาย ทั้งหมดที่ ไม่ถูกปิดใช้งาน

กำหนดให้มีองค์ประกอบ #test จงใส่ ข้อความ '!' ให้กับเพื่อนข้างเคียงที่อยู่ติดกันด้านบน และ ข้อความ '?' ให้กับเพื่อนข้างเคียงที่อยู่ติดกันด้านล่าง ให้แก้โจทย์ด้วยการเชื่อมต่อเพียงครั้งเดียว

กำหนดให้มีองค์ประกอบ #test จงใส่ข้อความขององค์ประกอบ #test ให้กับเพื่อนข้างเคียงที่อยู่ติดกันด้านบนและด้านล่าง

กำหนดให้มีองค์ประกอบ #test จงหาในบรรดาเพื่อนข้างเคียงด้านบน ซึ่งเป็นย่อหน้าที่ใกล้ที่สุดและใส่ข้อความขององค์ประกอบ #test ให้กับมัน

จงหา li ที่สองบนหน้า เพิ่มคลาส www ให้กับมัน ห่อ มันภายในด้วยแท็ก i แทรกหลังจาก มันด้วย li ที่มีข้อความ 'สวัสดี'

จงหา li ที่สิบบนหน้า หาผู้ปกครองของมัน หาเพื่อนข้างเคียงที่อยู่ติดกันด้านบนของผู้ปกครอง ห่อมันด้วย <div class="www"></div>

เพิ่มเลขลำดับที่ท้ายสุดให้กับทุกย่อหน้า p ยกเว้นย่อหน้า ที่มีคลาส www

จงหาย่อหน้า p ทั้งหมดและวาง สำเนาของแต่ละย่อหน้าลงข้างหน้าของมัน กำหนดให้สำเนามีสีแดง และย่อหน้าต้นฉบับมีสีเขียว

จงหาย่อหน้า p ซึ่งอยู่ ติดกันใต้ h2 และย้ายแต่ละย่อหน้า เพื่อให้มัน ไปอยู่ติดกันเหนือ h2

จงหาย่อหน้า p ที่ว่างเปล่าทั้งหมด (ไม่มีข้อความ) และแทรกข้อความของ เพื่อนข้างเคียงที่อยู่ติดกันด้านบนลงไปในพวกมัน

กำหนดสีแดงและ ขนาดข้อความ เป็น 30px ให้กับผู้ปกครองของแท็ก b หาก เป็นองค์ประกอบที่มีคลาส www หรือเป็นย่อหน้า p

กำหนดข้อความของแท็ก h2 ที่อยู่ใกล้ที่สุดด้านบนให้กับ ย่อหน้า p ที่ว่างเปล่าทั้งหมด

กำหนดให้มี อินพุต ที่มีตัวเลข จงทำให้ในอินพุต เป็นค่ากำลังสองของตัวเลขเหล่านั้น

กำหนดให้มีองค์ประกอบ #test จงใส่ข้อความของ เพื่อนข้างเคียงที่อยู่ติดกันด้านบนไว้ที่ด้านหน้า และข้อความ ของเพื่อนข้างเคียงที่อยู่ติดกันด้านล่างไว้ที่ส่วนท้าย

กำหนดให้มีองค์ประกอบ #test จงหาเพื่อนข้างเคียงที่สองของมัน ด้านบนและเพื่อนข้างเคียงที่สองของมันด้านล่าง ทำให้ องค์ประกอบที่พบนั้นสลับข้อความกัน (เพื่อนข้างเคียงด้านบนนำข้อความของเพื่อนข้างเคียงด้านล่างมาและในทางกลับกัน)

กำหนดให้มีองค์ประกอบ div จงเลือก จากมันทั้งหมดที่เป็นลูกโดยตรง ซึ่ง ไม่ใช่ส่วนหัวและกำหนดสีแดงให้กับพวกมัน

จงหาย่อหน้า p ทั้งหมด กำหนดสีแดง ให้กับพวกมัน จากนั้นเลือกจากย่อหน้าที่พบ ซึ่งเป็นย่อหน้าที่มีคลาส www และใส่ ข้อความ '!' ให้กับพวกมัน

จงหาย่อหน้า p ทั้งหมดที่มีคลาส www กำหนดสีแดงให้กับพวกมัน จากนั้นเลือกจากย่อหน้าที่พบซึ่งเป็นอันดับแรก และใส่ข้อความ '!' ให้กับมัน จากนั้นเลือก อันสุดท้ายและใส่ข้อความ '?' ให้กับมัน ให้แก้โจทย์ด้วยการเชื่อมต่อเพียงครั้งเดียว

จงหาย่อหน้า p ทั้งหมด ใส่ ข้อความเดียวกันที่อยู่ภายในมันลงไปที่ส่วนท้ายของแต่ละย่อหน้า (นั่นคือข้อความในย่อหน้าจะถูกเขียนซ้ำสองครั้ง)

จงหาย่อหน้า p ทั้งหมด ใส่ เลขลำดับของมันในชุด ลงไปที่ส่วนท้ายของแต่ละย่อหน้า

กำหนดให้มีย่อหน้าที่มีตัวเลข ใส่ตัวเลขที่ เก็บไว้ในแต่ละย่อหน้าเข้าไปที่ส่วนท้าย หลังจากคูณด้วยเลขลำดับของมันในชุดแล้ว

เมื่อคลิกที่ย่อหน้า p ให้ลบ เพื่อนข้างเคียงที่อยู่ติดกันด้านบนและด้านล่างของมัน

เมื่อคลิกที่ย่อหน้า p ให้ลบ เพื่อนข้างเคียงด้านบนทั้งหมดจนถึงส่วนหัวแรก h1-h6 (นั่นคือองค์ประกอบที่อยู่ เหนือส่วนหัวนี้และตัวส่วนหัว ไม่จำเป็นต้องลบ)

เมื่อคลิกที่ย่อหน้า p ให้ลบ เพื่อนข้างเคียงด้านล่างที่ใกล้ที่สุดที่มี คลาส www

เมื่อคลิกที่ย่อหน้า p ให้ลบ เพื่อนข้างเคียงด้านล่างอันดับที่ห้าของมัน

เมื่อคลิกที่ย่อหน้า p ให้ลบ เพื่อนข้างเคียงด้านล่างอันดับที่ห้าของมัน ถ้าหากมันไม่ใช่ h2

เมื่อคลิกที่ย่อหน้า p ให้ลบ เพื่อนข้างเคียงด้านล่างอันดับที่ห้าของมัน ถ้าหากเพื่อนข้างเคียงนี้ ไม่มีแท็ก b อยู่ภายใน

เมื่อคลิกที่ย่อหน้า p ให้ลบ เพื่อนข้างเคียงด้านล่างอันดับที่ห้าของมัน ถ้าหากเพื่อนข้างเคียงนี้ ไม่ได้อยู่ติดกันหลัง h2

กำหนดให้มีองค์ประกอบ #test จงสลับที่ขององค์ประกอบนี้ กับเพื่อนข้างเคียงที่อยู่ติดกันด้านล่าง

กำหนดให้มีองค์ประกอบ #test หลังจาก เพื่อนข้างเคียงที่อยู่ติดกันด้านล่างของมัน ให้แทรก สำเนาขององค์ประกอบของเรา

กำหนดให้มีองค์ประกอบ #test จงสลับที่ขององค์ประกอบนี้ กับเพื่อนข้างเคียงด้านล่างที่ใกล้ที่สุดที่มีคลาส www

จงหาย่อหน้า p ทั้งหมด ซึ่ง ภายในผู้ปกครองเดียวกันอยู่ระหว่าง h2 อันหนึ่งกับอีกอันหนึ่ง

จงห่อแต่ละย่อหน้า p จากภายนอก และภายในด้วย div

จงหาย่อหน้า p ทั้งหมด ซึ่ง ผู้ปกครองที่อยู่ติดกันไม่ใช่ div และห่อแต่ละย่อหน้าด้วย <div class="www"></div>

จงหาย่อหน้า p ทั้งหมด ลบ ผู้ปกครองของพวกมัน (ทำการ unwrap ให้กับมัน) หากผู้ปกครองนี้ไม่ใช่ div ที่มีคลาส www จากนั้นสำหรับย่อหน้าเหล่านั้น ซึ่ง มีผู้ปกครองถูกลบไปแล้ว ให้ห่อด้วย div ที่มีคลาส zzz

จงหาผู้ปกครองทั้งหมดขององค์ประกอบ #test และสร้างอาร์เรย์จากคลาส CSS ของผู้ปกครองเหล่านี้

จงหาย่อหน้า p ทั้งหมด ที่มี แอตทริบิวต์ class และห่อแต่ละย่อหน้า ด้วย div ที่มีคลาสเดียวกัน กับย่อหน้าที่พบ และลบคลาสของแต่ละ ย่อหน้าพร้อมกับแอตทริบิวต์ class

จงหาย่อหน้า p ทั้งหมดจาก #test ใส่ข้อความ '!' ลงที่ส่วนท้ายของพวกมัน จากนั้นยกเว้นจากย่อหน้าที่พบ ซึ่งเป็นย่อหน้าที่มีคลาส www และกำหนด สีแดงให้กับย่อหน้าที่เหลือ

จงหา li ทั้งหมดบนหน้า จากนั้นแทรกก่อนหน้า li ที่สองจากท้ายของที่พบ อีกหนึ่ง li ที่มีข้อความ 'รายการ'

จงหา li ทั้งหมดบนหน้า จากนั้นเลือกจากที่พบซึ่งเป็นอันดับที่สอง สาม และสี่จากท้าย และใส่ข้อความ '!' ให้กับพวกมัน

จงหา ol ที่มี #test และจัดเรียง li ทั้งหมดในนั้นใหม่ในลำดับย้อนกลับ

กำหนดให้มีองค์ประกอบ #test จงหา เพื่อนข้างเคียงด้านบนทั้งหมดและเพื่อนข้างเคียงด้านล่างทั้งหมดของมัน และ สลับตำแหน่งของพวกมัน (นั่นคือทุกสิ่งที่อยู่ ก่อนองค์ประกอบ ควรไปอยู่หลังจากมันและในทางกลับกัน)

จงนำ li ทั้งหมดที่มีคลาส www กำหนดสีแดงให้กับพวกมัน จากนั้น หาจากที่พบซึ่งเป็น li ที่มีคลาส bbb และลบ พวกมันออก แก้โจทย์ทั้งหมดด้วยการเชื่อมต่อเพียงครั้งเดียว

จงนำ li ทั้งหมดบนหน้า ทำ ให้ตัวที่เลขคู่จากที่ได้มานั้นว่างเปล่า และ ตัวที่เลขคี่ให้ลบทิ้ง

จงหาแท็ก div ทั้งหมดและเพิ่ม ความสูงให้กับพวกมันเป็นสองเท่า

จงหาผลรวมของความสูงของ div ทั้งหมดบนหน้า

สำหรับองค์ประกอบ #test จงหาผู้ปกครอง ที่ใกล้ที่สุดที่มีคลาส www ณ ส่วนท้ายของผู้ปกครองนี้ เพิ่มย่อหน้าที่มีข้อความ '!'

เมื่อคลิกที่องค์ประกอบ #test จงหา ผู้ปกครองที่ใกล้ที่สุดที่มีคลาส www ภายใน ผู้ปกครองนี้ให้หาย่อหน้าทั้งหมดและกำหนดสีแดงให้กับพวกมัน

กำหนดสีแดงให้กับ li 10 อันแรกบนหน้า

กำหนดสีแดงให้กับ li ตั้งแต่ลำดับที่ 5 ถึงลำดับที่ 10 บนหน้า

จงหา li 10 อันสุดท้ายบนหน้า กำหนดสีแดงให้กับพวกมัน จากนั้นจากที่พบ ให้หา li ที่เป็นเลขคู่ และห่อพวกมันภายในด้วยแท็ก b

บนหน้ามี ช่องทำเครื่องหมาย นับว่ามีกี่ช่องที่ถูกเลือก

กำหนดให้มี ช่องทำเครื่องหมาย 5 ช่อง จงทำให้หลังจากที่ผู้ใช้ เลือกสองช่องจากทั้งหมดแล้ว ช่องทำเครื่องหมายทั้งหมด ถูกปิดใช้งาน

จงทำให้ช่องทำเครื่องหมายทั้งหมดที่ถูกเลือก ช่องทำเครื่องหมาย เปลี่ยนสถานะเป็นไม่ถูกเลือกและในทางกลับกัน

กำหนดให้มี อินพุต ย้ายเนื้อหาของแอตทริบิวต์ value ไปยังแอตทริบิวต์ placeholder และลบแอตทริบิวต์ value ออกทั้งหมด

กำหนดให้มี ลิงก์ หากแอตทริบิวต์ href ขึ้นต้นด้วย http:// ให้เพิ่มแอตทริบิวต์ target="_blank" ให้กับลิงก์

กำหนดให้มี อินพุต ซึ่งสามารถป้อนตัวเลขได้ จงทำให้ เมื่อป้อนตัวเลขลงในอินพุตนี้และเสีย โฟกัสไปจากมัน ให้ค้นหา ช่องทำเครื่องหมาย ด้วยหมายเลขนั้นบนหน้าและทำให้มันถูกเลือก และช่องทำเครื่องหมายอื่นๆ กลายเป็นไม่ถูกเลือก

กำหนดให้มี เลือก และ ปุ่มเรดิโอ จำนวนปุ่มเรดิโอเท่ากับจำนวน รายการในเลือก จงทำให้เมื่อ เลือกรายการในเลือก อัตโนมัติกลายเป็น การเลือกปุ่มเรดิโอที่ตรงกัน (การตรงกันตามลำดับที่: รายการแรก ในรายการ - ปุ่มเรดิโออันแรกและเป็นเช่นนี้ต่อไป)