arşiv

yazılar buna göre etiketlendi; ‘Öznitelik’

jQuery – attr() – removeAttr()

Çarşamba, 28 Eki 2015 yorum yok

.attr() : Belirtilen nesnenin alt özelliklerine erişmeye yarar.

<img src="https://www.google.com/intl/en_ALL/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png" alt="Google . . ." title="Google Her Yerde" ><br>
<button id="title">Title Getir</button>
<button id="titleChange">Title Değiştir</button>
$("#title").click(function () {
    alert($("img").attr("title"));
});

$("#titleChange").click(function () {
    $("img").attr("title", "Google Her Yerde.......");
    alert($("img").attr("title"));
});

.removeAttr() : Belirtilen nesneden istenilen özniteliğin kaldırılmasını sağlar.

<img src="https://www.google.com/intl/en_ALL/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png" alt="Google . . ." title="Google Her Yerde" ><br>
<button id="title">Title Getir</button>
<button id="titleRemove">Title Kaldır</button>
$("#title").click(function () {
    alert($("img").attr("title"));
});

$("#titleRemove").click(function () {
    $("img").removeAttr("title");
    alert($("img").attr("title"));
});

 

Categories: jQuery Tags: , ,

JQuery Seçiciler – Attribute (Öznitelik)

Perşembe, 15 Eki 2015 yorum yok

JQuery ile Öznitelikleri nasıl seçebileceğimizi örnekli olarak inceleyelim.

<a lang="en" href="#">English</a>
<a lang="tr" href="#">Türkçe</a>

Sayfamız da bulunan lang=”tr” olan değeri seçmek istersem yani “a” değerinin bir özniteliği olan “lang” değerini istiyorsam, bunu jquery ile

$('a[lang|="tr"]')

kullanarak yaparım. Hatta CSS ile bir tanımlama da eklemek istersem

$('a[lang|="tr"]').css('border','3px red');

şeklinde yapabilirim.


<input type="text" name="iletisim" />
<input type="text" name="ilet" />
<input type="text" name="sim" />
<input type="text" name="gorsel" />
Method Açıklama
$(‘input[name]’); Nesne özelliği olan input ları seçer
$(‘input[name=”iletisim”]’); Nesne özelliği iletisim olan linkleri seçer
$(‘input[name^=”ilet”]’); Nesne özelliği ilet olan linkleri seçer
$(‘input[name$=”sim”]’); Nesne özelliği sim ile biten linkleri seçer
$(‘input[name!=”iletisim”]’); Nesne özelliği iletisim olmayan linkleri seçer
$(‘input[name*=”et”]’); Nesne özelliği içerisinde et ifadesi geçen linkleri seçer

 

 

 

 

 

 

 

 

Form Seçiciler:

button => $(‘input:button’);
submit => #(‘input:submit’);

Categories: jQuery Tags: , ,