Ιδιότητες CSS με παύλες στο jQuery
Ας υποθέσουμε ότι μια ιδιότητα, όπως συμβαίνει συχνά στο CSS, αποτελείται από πολλές λέξεις χωρισμένες με παύλα:
<p class="www">κείμενο</p>
Σε αυτήν την περίπτωση δεν υπάρχει κανένα πρόβλημα - γράφεται στον κώδικα Javascript με τον ίδιο τρόπο όπως και στο CSS:
$('.www').css('font-size', '20px');
Εάν θέλετε να ορίσετε πολλές ιδιότητες CSS,
τότε για αυτό στη μέθοδο css μπορείτε να περάσετε
ως παράμετρο ένα αντικείμενο, του οποίου τα κλειδιά
θα είναι ιδιότητες CSS, και οι τιμές του αντικειμένου
- τιμές των ιδιοτήτων CSS:
$('.www').css({color: 'red', font: '12px Arial'});
Ωστόσο, εδώ θα υπάρξουν προβλήματα με ιδιότητες όπως
font-size
- πρέπει να γράψετε όχι font-size,
αλλά fontSize:
$('.www').css({color: 'red', fontSize: '12px'});
Εάν δεν σας αρέσει πολύ να το κάνετε έτσι - βάλτε
το κλειδί font-size σε εισαγωγικά:
$('.www').css({color: 'red', 'font-size': '12px'});
Όπως βλέπετε, το jQuery δίνει διάφορες επιλογές χρήσης των μεθόδων ανάλογα με τις προτιμήσεις σας. Χρησιμοποιήστε ό,τι σας βολεύει περισσότερο.
Σε όλα τα h3 κάντε το κείμενο έντονο
με πράσινο χρώμα.
Σε όλα τα h2 κάντε το χρώμα γαλάζιο και
font-size: 30px.
