Πρακτική στην επεξεργασία της βιβλιοθήκης jQuery

Όλες οι παράγραφοι p, μέσα στις οποίες υπάρχει η ετικέτα b, τυλίξτε τις στην ετικέτα div.

Βρείτε όλες τις παραγράφους p με την κλάση www, βάλτε τους στην αρχή το κείμενο '!', μετά προσθέστε σε αυτές τις παραγράφους επίσης και τους τίτλους h1-h6 και βάψτε αυτές τις παραγράφους και τους τίτλους σε κόκκινο χρώμα.

Βρείτε όλες τις παραγράφους p και αντικαταστήστε τις με την ετικέτα div με το ίδιο περιεχόμενο.

Βρείτε όλα τα checkbox στη σελίδα και απενεργοποιήστε τα ζυγά από αυτά που βρέθηκαν.

Βάλτε σε όλα τα μη απενεργοποιημένα checkbox τη στάση 'επιλεγμένο'.

Δίνεται το στοιχείο #test. Βάλτε στον άμεσο γείτονά του από πάνω το κείμενο '!', και στον γείτονα από κάτω - το κείμενο '?'. Λύστε την άσκηση με μία αλυσίδα.

Δίνεται το στοιχείο #test. Βάλτε στους άμεσους γείτονές του από πάνω και από κάτω το κείμενο του στοιχείου #test.

Δίνεται το στοιχείο #test. Βρείτε ανάμεσα στους γείτονές του από πάνω την πλησιέστερη παράγραφο και βάλτε της το κείμενο του στοιχείου #test.

Βρείτε το δεύτερο li στη σελίδα, προσθέστε του την κλάση www, τυλίξτε το μέσα στην ετικέτα i, εισάγετε μετά από αυτό li με κείμενο 'γεια'.

Βρείτε το δέκατο li στη σελίδα, βρείτε τον γονέα του, πάρτε τον άμεσο γείτονα του γονέα από πάνω, τυλίξτε τον σε <div class="www"></div>.

Σε κάθε παράγραφο p, εκτός από τις παραγράφους με την κλάση www, προσθέστε στο τέλος της τον τακτικό της αριθμό.

Βρείτε όλες τις παραγράφους p και βάλτε μπροστά από κάθε παράγραφο το αντίγραφό της. Το αντίγραφο βάψτε το σε κόκκινο χρώμα, και την αρχική παράγραφο σε πράσινο.

Βρείτε τις παραγράφους p, που βρίσκονται άμεσα κάτω από h2 και μετακινήστε κάθε παράγραφο έτσι, ώστε να σταθεί άμεσα πάνω από h2.

Βρείτε όλες τις κενές παραγράφους p (χωρίς κείμενο) και εισάγετε σε αυτές το κείμενο του άμεσου γείτονα από πάνω.

Στον γονέα της ετικέτας b, αν αυτός είναι στοιχείο με την κλάση www ή παράγραφος p, βάλτε του κόκκινο χρώμα και μέγεθος κειμένου σε 30px.

Σε όλες τις κενές παραγράφους p βάλτε το κείμενο της πλησιέστερης σε αυτές από πάνω ετικέτας h2.

Δίνονται input με αριθμούς. Κάντε έτσι, ώστε στα input να μπουν τα τετράγωνα αυτών των αριθμών.

Δίνεται το στοιχείο #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 στη σελίδα, μετά επιλέξτε ανάμεσα σε αυτά που βρέθηκαν το δεύτερο, τρίτο και τέταρτο από το τέλος και βάλτε τους κείμενο '!'.

Βρείτε το ol με #test και αναδιατάξτε όλα τα li σ' αυτό σε αντίστροφη σειρά.

Δίνεται το στοιχείο #test. Βρείτε όλους τους γείτονές του από πάνω και όλους τους γείτονές του από κάτω και αλλάξτε τους μέρη (δηλαδή ό,τι βρίσκεται πριν από το στοιχείο, πρέπει να μπει μετά από αυτό και αντίστροφα).

Πάρτε όλα τα li με την κλάση www, κάντε τους κόκκινο χρώμα, μετά βρείτε ανάμεσα σε αυτά που βρέθηκαν εκείνα τα li, που έχουν την κλάση bbb και διαγράψτε αυτά. Λύστε όλα με μία αλυσίδα.

Πάρτε όλα τα li στη σελίδα. Τα ζυγά από αυτά που πάρθηκαν κάντε τα κενά, και τα μονά διαγράψτε τα.

Βρείτε όλες τις ετικέτες div και διπλασιάστε τους το ύψος.

Βρείτε το άθροισμα των υψών όλων των div στη σελίδα.

Για το στοιχείο #test βρείτε τον πλησιέστερο γονέα με την κλάση www, στο τέλος αυτού του γονέα προσθέστε παράγραφο με κείμενο '!'.

Στο πάτημα στο στοιχείο #test βρείτε τον πλησιέστερο γονέα του με την κλάση www, μέσα σε αυτόν τον γονέα βρείτε όλες τις παραγράφους και βάψτε τις σε κόκκινο χρώμα.

Βάψτε τα πρώτα 10 li στη σελίδα σε κόκκινο χρώμα.

Βάψτε από το 5-ο έως το 10-ο li στη σελίδα σε κόκκινο χρώμα.

Βρείτε τα τελευταία 10 li στη σελίδα, βάψτε τα σε κόκκινο χρώμα. Μετά από αυτά που βρέθηκαν βρείτε τα ζυγά li και τυλίξτε τα μέσα στην ετικέτα b.

Στη σελίδα δίνονται checkbox. Υπολογίστε, πόσα από αυτά είναι επιλεγμένα.

Δίνονται 5 checkbox. Κάντε έτσι, ώστε αφού ο χρήστης επιλέξει δύο από αυτά, όλα τα checkbox να απενεργοποιηθούν.

Κάντε έτσι, ώστε όλα τα επιλεγμένα checkbox να αλλάξουν την κατάστασή τους σε μη επιλεγμένα και αντίστροφα.

Δίνεται input. Μετακινήστε το περιεχόμενο του χαρακτηριστικού value στο χαρακτηριστικό placeholder, και το ίδιο το χαρακτηριστικό value διαγράψτε το εντελώς.

Δίνεται σύνδεσμος. Αν το χαρακτηριστικό href ξεκινάει με http://, προσθέστε στο σύνδεσμο το χαρακτηριστικό target="_blank".

Δίνεται input, στο οποίο μπορείτε να εισάγετε αριθμό. Κάντε έτσι, ώστε κατά την εισαγωγή αριθμού σε αυτό το input και απώλεια εστίασης στη σελίδα, να ψάχνεται checkbox με αυτόν τον αριθμό και να γίνεται επιλεγμένο, και τα υπόλοιπα checkbox να γίνονται μη επιλεγμένα.

Δίνονται select και radio κουμπιά, ο αριθμός των radio ισούται με τον αριθμό των σημείων στο select. Κάντε έτσι, ώστε κατά την επιλογή σημείου στο select αυτόματα να γίνεται επιλεγμένο το αντίστοιχο radio κουμπί (αντιστοιχία με αριθμό ακολούθης: πρώτο σημείο λίστας - πρώτο radio και ούτω καθεξής).