Yazılım Örnekleri

jquery de elementlerimize aynı olayları yaptırmak istersek her element için ayrı ayrı kod yazmamıza gerek yoktur. Aynı olayı uygulayacağımız elemneletimizi, classlarını yada idlerini  aşağıdaki örnekte görüldüğü gibi virgülle ayırarak yazabilriz.

<script src="js/jquery-1.8.2.js" type="text/javascript"></script>

<script type="text/javascript">

$(document).ready(function(){
$('button.ekle').click(function() { 
$(".class1, .class2, #id1, img").css("border", "3px solid black");
});
}); 
</script>

<style>
.genel {
    padding:10px 20px 10px 20px;
    color:#FFF;
    font-size:16px;
    margin-bottom:5px;}
.class1 {
    background:#C33;}
.class2 {
    background:#066;}
    #id1 {
        background:#069;}
</style>

<div class="class1 genel">Class 1 divi</div>
<div class="class2 genel">Class 2 divi</div>
<div class="genel" id="id1">Class 1 divi</div> 
<button class="ekle">Hepsine border ekle</button>