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

Задание 1

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

Задание 2

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

Задание 3

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

Задание 4

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

Задание 5

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

Задание 6

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

Задание 7

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

Задание 8

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

Задание 9

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

Задание 10

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

Задание 11

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

Задание 12

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

Задание 13

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

Задание 14

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

Задание 15

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

Задание 16

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

Задание 17

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

Задание 18

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

Задание 19

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

Задание 20

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

Задание 21

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

Задание 22

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

Задание 23

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

Задание 24

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

Задание 25

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

Задание 26

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

Задание 27

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

Задание 28

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

Задание 29

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

Задание 30

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

Задание 31

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

Задание 32

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

Задание 33

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

Задание 34

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

Задание 35

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

Задание 36

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

Задание 37

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

Задание 38

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

Задание 39

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

Задание 40

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

Задание 41

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

Задание 42

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

Задание 43

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

Задание 44

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

Задание 45

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

Задание 46

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

Задание 47

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

Задание 48

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

Задание 49

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

Задание 50

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

Задание 51

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

Задание 52

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

Задание 53

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

Задание 54

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

Задание 55

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

Задание 56

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

Задание 57

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

Задание 58

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

Задание 59

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

Задание 60

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

Задание 61

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

Задание 62

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