jQuery prop Fonksiyonunun Kullanımı

jQuery ile elimizdeki html elemanlarına özellik ekleyip – çıkarma işlemini yapmamızı sağlayan prop fonksiyonu üzerine konuşacağız.

Hemen prototipine bakarsak;

            $("eleman").prop("özellik", "değer");

şeklinde kullanım ile verilen özelliğe karşılık değer girilecektir.

Eğer aşağıdaki gibi bir prototip kullanırsak;

            $("eleman").prop("özellik");

mevcut elemanın özelliğindeki değeri bize getirecektir.

Şimdi örneklendirelim…

<div id="dv">
    <img src="http://icons.iconarchive.com/icons/paomedia/small-n-flat/24/sign-check-icon.png" id="imgResim" /><br />
    <input type="submit" value="Submit" id="btnSubmit" />
</div>

<script type="text/javascript">
    $(document).ready(function () {
        var img = $("#imgResim");
        var submit = $("#btnSubmit");
        img.click(function () {
            //disabled özelliğinin değerini elde ediyoruz.
            var Durum = submit.prop("disabled");

            if (Durum)
                //disabled özelliğine değer atıyoruz.
                submit.prop("disabled", false);
            else
                //disabled özelliğine değer atıyoruz.
                submit.prop("disabled", true);
        });
    });
</script>

Aşağıdaki gibi lalettayin bir özellik atayabilir ve değerini okuyabilirsiniz.

<div id="dv">
    <img src="http://icons.iconarchive.com/icons/paomedia/small-n-flat/24/sign-check-icon.png" id="imgResim" /><br />
    <input type="submit" value="Submit" id="btnSubmit" />
</div>

<script type="text/javascript">
    $(document).ready(function () {
        var img = $("#imgResim");
        var submit = $("#btnSubmit");
        img.click(function () {
            //Lalettayin özellik verilip, değeri atandı.
            submit.prop("abc", "123");
            //Üstteki verilen özelliğin değeri okunmaktadır.
            alert(submit.prop("abc"));
        });
    });
</script>

İyi çalışmalar dilerim…