jQuery: получите элементы именем класса и добавьте CSS к каждому из них
функция ucfirst в карте, конечно, делает это, но только очень элементарным способом. Если Вы хотите что-то немного более сложное, взглянули на сценарий .
TitleCase John Gruber
2 ответа
Вы можете попробовать это
$('div.easy_editor').css({'border-width':'9px', 'border-style':'solid', 'border-color':'red'});
$ ('div.easy_editor') относится к набору всех div, в которых уже есть редактор class easy. Нет необходимости использовать each (), если нет какой-либо функции, которую вы хотите запустить для каждого. Метод css () фактически применяется ко всем найденным вами div.
Что делает jQuery простым в использовании, так это то, что вам не нужно применять атрибуты к каждому элементу. Объект jQuery содержит массив элементов, а методы объекта jQuery применяют одни и те же атрибуты ко всем элементам в массиве.
Существует также более короткая форма для $ (document) .ready (function ( ) {...}) в $ (function () {...}) .
Итак, это все, что вам нужно:
$(function(){
$('div.easy_editor').css('border','9px solid red');
});
Если вы хотите, чтобы код работал для любого элемента с этим классом вы можете просто указать класс в селекторе без имени тега:
$(function(){
$('.easy_editor').css('border','9px solid red');
});