jquery: कक्षा के नाम से तत्व प्राप्त करें और उनमें से प्रत्येक को सीएसएस जोड़ें

Question

मेरे पास डिवी बॉक्स की एक निश्चित संख्या है जिसमें सभी का एक ही वर्ग का नाम है। मैं उन सभी को कुछ लागू करने की कोशिश कर रहा हूं लेकिन कोई भाग्य नहीं है। कोड मैं अब तक का निर्माण किया है

$(document).ready(function(){ 
    elements = $('div.easy_editor'); 
    elements.each(function() { $(this).css("border","9px solid red"); }); 
    //elements[0].css("border","9px solid red"); 
}); 

आप मुझे बता सकते मैं क्या कर रहा हूँ गलत

Answer 1

आप कोशिश कर सकते हैं इस

$('div.easy_editor').css({'border-width':'9px', 'border-style':'solid', 'border-color':'red'}); 

$('div.easy_editor') सभी divs है का एक संग्रह को संदर्भित करता है वर्ग पहले से ही आसान संपादक। प्रत्येक() का उपयोग करने की कोई आवश्यकता नहीं है जब तक कि कोई ऐसा कार्य न हो जिसे आप प्रत्येक पर चलाना चाहते थे। सीएसएस() विधि वास्तव में आपके द्वारा प्राप्त सभी divs पर लागू होती है।

Answer 2

jQuery को उपयोग करने में आसान बनाता है कि आपको प्रत्येक तत्व में विशेषताओं को लागू करने की आवश्यकता नहीं है। JQuery ऑब्जेक्ट में तत्वों की एक सरणी होती है, और jQuery ऑब्जेक्ट के तरीके सरणी में सभी तत्वों के लिए समान गुण लागू होते हैं।

में $(document).ready(function(){...}) के लिए एक छोटा सा रूप भी है।

तो, यह सब है कि आप की जरूरत है:

$(function(){ 
    $('div.easy_editor').css('border','9px solid red'); 
}); 

आप कोड है कि वर्ग के साथ किसी भी तत्व के लिए काम करना चाहते हैं, तो आप सिर्फ चयनकर्ता में वर्ग टैग नाम के बिना निर्दिष्ट कर सकते हैं:

$(function(){ 
    $('.easy_editor').css('border','9px solid red'); 
});