Αποσπάσματα κώδικα 2025, Ιανουάριος

Ορισμός / διαγραφή προεπιλεγμένης τιμής εισαγωγής - CSS-Κόλπα

Ορισμός / διαγραφή προεπιλεγμένης τιμής εισαγωγής - CSS-Κόλπα

$ ('. default-value'). κάθε (συνάρτηση () (var default_value = this.value; $ (this). εστίαση (function () (if (this.value == default_value) (this.value = " ;))); "

Σειριοποίηση φόρμας στο JSON - CSS-Κόλπα

Σειριοποίηση φόρμας στο JSON - CSS-Κόλπα

$ .fn.serializeObject = function () (var o = (); var a = this.serializeArray (); $ .each (a, function () (if (o) (if (! o.push) (o = );) o.push (this.value "

Επιλέξτε το στοιχείο λίστας μόνο εάν δεν περιέχει άλλη λίστα (και είναι ανώτερο επίπεδο) - CSS-Κόλπα

Επιλέξτε το στοιχείο λίστας μόνο εάν δεν περιέχει άλλη λίστα (και είναι ανώτερο επίπεδο) - CSS-Κόλπα

Συνειδητοποιώ ότι αυτό είναι αρκετά συγκεκριμένο, αλλά έπρεπε να γράψω αυτόν τον επιλογέα νωρίτερα για να διορθώσω ένα πρόβλημα και χρησιμοποίησα το jQuery επειδή ο επιλογέας είναι αρκετά προχωρημένος "

Επιλέξτε στοιχείο μόνο εάν τα παιδιά δεν είναι κινούμενα σχέδια - CSS-Κόλπα

Επιλέξτε στοιχείο μόνο εάν τα παιδιά δεν είναι κινούμενα σχέδια - CSS-Κόλπα

Var myChildrenBehave = $ (". element"). filter (function () (var filtered = $ (this) .children (). not (": animated"); return filtered;)); Αυτό επιλέγει το στοιχείο "

Εκτελέστε JavaScript μόνο μετά τη φόρτωση ολόκληρης της σελίδας - CSS-Κόλπα

Εκτελέστε JavaScript μόνο μετά τη φόρτωση ολόκληρης της σελίδας - CSS-Κόλπα

$ (παράθυρο) .bind ("φόρτωση", συνάρτηση () (// κωδικός εδώ)); "

Αναζήτηση / Αντικατάσταση - CSS-Κόλπα

Αναζήτηση / Αντικατάσταση - CSS-Κόλπα

JQuery (function () (jQuery (": περιέχει (FIND)"). not (": has (: περιέχει (FIND))"). κάθε (συνάρτηση () (var that = $ (this), html = that. html (); html = "

Ανανέωση μερικής σελίδας - CSS-Κόλπα

Ανανέωση μερικής σελίδας - CSS-Κόλπα

Ανανεώστε ορισμένα στοιχεία μιας σελίδας χρησιμοποιώντας το jQuery μετά από ένα καθορισμένο χρονικό διάστημα, μπορούν να χρησιμοποιηθούν με οποιοδήποτε στοιχείο με αναγνωριστικό. Τροποποίησα το παράδειγμα που δόθηκε με το "

Κατάργηση συγκεκριμένης τιμής από το Array - CSS-Κόλπα

Κατάργηση συγκεκριμένης τιμής από το Array - CSS-Κόλπα

Var arr =; var removeItem = 2; arr = $ .grep (arr, function (value) (τιμή επιστροφής! = removeItem;)); "

Κάντε κλικ σε ολόκληρο το Div - CSS-Κόλπα

Κάντε κλικ σε ολόκληρο το Div - CSS-Κόλπα

Ενημέρωση Νοεμβρίου 2020: Νομίζω ότι η καλύτερη δυνατή τεχνική για αυτό είναι η Μέθοδος 4 σε αυτό το άρθρο. Το

(ή οποιοδήποτε στοιχείο περιτυλίγματος) παραμένει "

Ανθεκτικές κεφαλίδες στους πίνακες - CSS-Κόλπα

Ανθεκτικές κεφαλίδες στους πίνακες - CSS-Κόλπα

Όταν κάνετε κύλιση προς τα κάτω σε μια σελίδα με έναν μακρύ πίνακα πάνω της, συνήθως η κεφαλίδα του πίνακα μετακινείται και γίνεται άχρηστη. Αυτός ο κωδικός κλωνοποιεί την κεφαλίδα του πίνακα "

Επικόλληση εκδηλώσεων - CSS-Κόλπα

Επικόλληση εκδηλώσεων - CSS-Κόλπα

$ .fn.pasteEvents = function (delay) (if (delay == undefined) delay = 20; return $ (this) .each (function () (var $ el = $ (this); $ el.on ("επικόλληση ", λειτουργία()"

Δύναμη κωδικού πρόσβασης - CSS-Κόλπα

Δύναμη κωδικού πρόσβασης - CSS-Κόλπα

$ ('# pass'). keyup (συνάρτηση (e) (var strongRegex = new RegExp ("^ (? =. (8,)) (? =. *) (? =. *) (? =. *) (? =. * \ W). * $ "," G "); var mediumRegex = νέο"

Μετακίνηση στοιχείων λίστας με κλικ στην κορυφή της λίστας - CSS-Κόλπα

Μετακίνηση στοιχείων λίστας με κλικ στην κορυφή της λίστας - CSS-Κόλπα

Υποθέτοντας HTML ως εξής: ένα δύο τρία Έτσι, εάν κάνετε κλικ στο "Δύο", μετακινήστε το στην κορυφή της λίστας. $ ("li"). κάντε κλικ στο (function () ("

Άνοιγμα εξωτερικών συνδέσμων σε νέο παράθυρο - CSS-Κόλπα

Άνοιγμα εξωτερικών συνδέσμων σε νέο παράθυρο - CSS-Κόλπα

$ ('a'). κάθε (συνάρτηση () (var a = new RegExp ('/' + window.location.host + '/'); if (! a.test (this.href)) {$ (αυτό ). κλικ (λειτουργία (εκδήλωση) ("

Μετακίνηση δρομέα στο τέλος του Textarea ή της εισαγωγής - CSS-Κόλπα

Μετακίνηση δρομέα στο τέλος του Textarea ή της εισαγωγής - CSS-Κόλπα

Κωδικός για να μετακινήσετε το δρομέα στο τέλος του τρέχοντος κειμένου μέσα στην είσοδο, αντί για το προεπιλεγμένο (επισημαίνοντας το κείμενο). Μορφή προσθήκης "

ExternalHTML jQuery Plugin - CSS-Κόλπα

ExternalHTML jQuery Plugin - CSS-Κόλπα

Το innerHTML () είναι εγγενές και επιστρέφει τα περιεχόμενα ενός κόμβου DOM (π.χ. ζω μέσα σε ένα div .. Το εξωτερικόHTML () δεν είναι, το οποίο θα περιλαμβάνει τον τρέχοντα κόμβο DOM "

Make jQuery: περιέχει πεζά-κεφαλαία - CSS-Κόλπα

Make jQuery: περιέχει πεζά-κεφαλαία - CSS-Κόλπα

ΝΕΟΣ επιλογέας jQuery.expr.Contains = function (a, i, m) (return jQuery (a) .text (). ToUpperCase () .indexOf (m.toUpperCase ())> = 0;); // OVERWRITES παλιά "

Ένα jQuery hasAttr () Ισοδύναμο - CSS-Κόλπα

Ένα jQuery hasAttr () Ισοδύναμο - CSS-Κόλπα

Το jQuery δεν έχει πραγματικά .hasAttr () συνάρτηση. Μπορεί να υποθέσετε ότι το κάνει, αλλά δυστυχώς, δεν το κάνει. Ένα νήμα StackOverflow έχει αρκετά καλό "

Φόρτωση μόνο τμήματος σελίδας - CSS-Κόλπα

Φόρτωση μόνο τμήματος σελίδας - CSS-Κόλπα

Χρήση περίπτωσης Θέλετε να AJAX φορτώσετε ένα τμήμα μιας άλλης σελίδας στον ιστότοπό σας στην τρέχουσα σελίδα. Ας πούμε ότι το σύστημα CMS του ηλεκτρονικού εμπορίου δημιουργεί ένα δυναμικό μενού "

Κύλιση σελίδας οριζόντια με τροχό ποντικιού - CSS-Κόλπα

Κύλιση σελίδας οριζόντια με τροχό ποντικιού - CSS-Κόλπα

1) Φόρτωση jQuery και η προσθήκη Mouse Wheel plugin είναι εδώ. 2) Προσάρτηση συμβάντος τροχού στο σώμα Το "30" αντιπροσωπεύει την ταχύτητα. preventDefault διασφαλίζει "

Φόρτωση jQuery μόνο εάν δεν υπάρχει - CSS-Κόλπα

Φόρτωση jQuery μόνο εάν δεν υπάρχει - CSS-Κόλπα

Ας πούμε ότι επρόκειτο να κάνετε μια συμπερίληψη σε μια ολόκληρη δέσμη σελίδων, και στο εσωτερικό της περιλαμβάνονται ότι θέλετε να κάνετε κάποια συγκεκριμένα πράγματα jQuery. Αυτή η σελίδα μπορεί ή "

Φόρτωση jQuery - CSS-Κόλπα

Φόρτωση jQuery - CSS-Κόλπα

Φόρτωση με το Google API Direct Link to Google Check, εάν φορτωθεί, φορτώστε μόνο αν δεν έχετε φορτώσει var jQueryScriptOutputted = false; συνάρτηση initJQuery () (// εάν το "

Κωδικός Konami - CSS-Κόλπα

Κωδικός Konami - CSS-Κόλπα

Var kkeys = (), konami = "38,38,40,40,37,39,37,39,66,65"; $ (document) .keydown (function (e) (kkeys.push (e.keyCode); if (kkeys.toString (). indexOf (konami "

JQuery Sticky Footer - CSS-Κόλπα

JQuery Sticky Footer - CSS-Κόλπα

Σε γενικές γραμμές, το CSS Sticky Footer είναι ο καλύτερος τρόπος να πάει, καθώς λειτουργεί τέλεια ομαλά και δεν απαιτεί JavaScript. Εάν η σήμανση που απαιτείται απλά δεν είναι "

JQuery Zebra Stripe a Table - CSS-Κόλπα

JQuery Zebra Stripe a Table - CSS-Κόλπα

$ ("tr: odd"). addClass ("odd"); Στη συνέχεια, χρησιμοποιήστε κάποιο CSS: .odd (background: #ccc;) "

Σύνδεση που ωθεί - CSS-Κόλπα

Σύνδεση που ωθεί - CSS-Κόλπα

$ ("a"). hover (function () ($ (this) .stop (). animate ((paddingLeft: "10px"), 200);), function () ($ (this) .stop (). animate ((paddingLeft: "0px"), 200);)); Φτιαχνω, κανω"

Διατήρηση εισόδων κειμένου σε συγχρονισμό - CSS-Κόλπα

Διατήρηση εισόδων κειμένου σε συγχρονισμό - CSS-Κόλπα

Var $ inputs = $ (". example-input"); $ inputs.keyup (function () ($ inputs.val ($ (this) .val ());)); Παράδειγμα"

JQuery Tweetify Κείμενο - CSS-Κόλπα

JQuery Tweetify Κείμενο - CSS-Κόλπα

Συνάρτηση $ .fn.tweetify = function () (this.each (function () ($ (this) .html ($ (this) .html () "

Πρότυπο προσθήκης jQuery - CSS-Κόλπα

Πρότυπο προσθήκης jQuery - CSS-Κόλπα

Αντικαταστήστε τις παρουσίες του "yourPluginName" με το πραγματικό όνομα της προσθήκης σας. Τα πράγματα σχετικά με την "ακτίνα" είναι απλώς ένα παράδειγμα μιας επιλογής (παράμετρος για να περάσετε την προσθήκη). "

JQuery JSON να πάρει με λάθος αλίευση - CSS-Κόλπα

JQuery JSON να πάρει με λάθος αλίευση - CSS-Κόλπα

Το jQuery έχει μια ενσωματωμένη συνάρτηση που ονομάζεται getJSON () για να διευκολύνει την απλοποίηση αιτημάτων AJAX για δεδομένα JSON. Λειτουργεί συνήθως υπέροχα, αλλά αν αυτή η λειτουργία πάρει "