jQuery αναγνώριση CSS - μέθοδος width()

Παράδειγμα

Ρύθμιση της πλάθους του στοιχείου <p>:

$(".btn1").click(function()
  $("p").width(200);
});

Δοκιμάστε το προσωπικά

Ορισμός και χρήση

Η μέθοδος width() επιστρέφει ή ρυθμίζει την πλάθος του ταιριζόντος στοιχείου.

Επιστροφή πλάθους

Επιστροφή της πλάθους του πρώτου ταιριζόντος στοιχείου.

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

Γραμματική

$(selector).width()

Δοκιμάστε το προσωπικά

Ρύθμιση της πλάθους

Ρύθμιση της πλάθους όλων των ταιριζόντων στοιχείων.

Γραμματική

$(selector).width(length)
Παράμετροι Περιγραφή
length

Προαιρετικό. Καθορίζει την πλάθος του στοιχείου.

Αν δεν καθοριστεί μονάδα μήκους, χρησιμοποιείται η προεπιλεγμένη μονάδα px.

Δοκιμάστε το προσωπικά

Χρήση συνάρτησης για ρύθμιση της πλάθους

Χρήση συνάρτησης για ρύθμιση της πλάθους όλων των ταιριζόντων στοιχείων.

Γραμματική

$(selector).width(function(index,oldwidth))
Παράμετροι Περιγραφή
function(index,oldwidth)

Καθορίζει τη συνάρτηση που επιστρέφει την νέα πλάθος του επιλεγμένου στοιχείου.

  • index - προαιρετικό. Αποδέχεται τη θέση του επιλογέα index
  • oldvalue - προαιρετικό. Αποδέχεται την τρέχουσα τιμή του επιλογέα.

Δοκιμάστε το προσωπικά

Περισσότερες παραδείξεις

Αποτελεσματική απόκτηση της πλάθους του στοιχείου document και window
Αποτελεσματική απόκτηση της πλάθους του στοιχείου document και window
Ρύθμιση της πλάθους με τιμές em και %
Ρύθμιση της πλάθους του στοιχείου με καθορισμένη μονάδα μήκους.