Seçiciler ~ Selectors

Merhaba Arkadaşlar
Bugün üzerinde duracağım konu sitemizde bulunan nesnelerin özelliklerini bir seçici tarafından nasıl değiştirebileceğimiz olacak.

Her zaman ki örnekler göstererek daha iyi anlamanızı istiyorum ve html kodlarımı yazıyorum.

HTML

TAG SEÇİCİLER

Okumaya devam et Seçiciler ~ Selectors

jQuery .attr() nedir? nasıl kullanılır?

jQuery .attr() =  attribute’larla işlem yapmamızı sağlıyor. // attiribute’nin TR’ye geçmiş tam karşılığı nedir bilmiyorum ama şöyle açıklayacak olursak

Burada name ve value bir attribute’dur. jQuery .attr() ile bu attribute’ler üzerinde değişiklik yapıyoruz.

Yukarıda .attr() ile seçtiğimiz value attribute’sine yeni değer atadık.

 

Çoklu attribute eklemek

Burada ise obje şeklinde çoklu attribute ekledik / güncelledik.

 

.attr() ile değer almak

Değer atayabildiğimiz gibi var olan attribute değerlerinede .attr() yardımı ile okuyabiliyoruz.

 

Ön izleme

 

See the Pen jQuery .attr() nedir? nasıl kullanılır? by Aycan BÜLBÜL (@AycanB) on CodePen.


Yedek olsun diye kodları burada da tutalım 🙂

 

 

HTML5 placeholder renk değiştirme

Ne güzel hayatımıza placeholder(bu bir attribute’dir.) girdi ve aşağıdaki aptal kodu yazmıyoruz.

Placeholder attribute kullanımı

Bu attr’yi kullandığımızda verdiğimiz, renk değerini ne verirsel verelim opacity değerini düşürüyor bunu engellemek için aşağıdaki tanımlamayı yapmamız gerekiyor.

 

Burada gördüğünüz gibi placeholder attribute içine yazılan değere opacity değeri veriyor.

Firefox ve IE ailesinde (sadece IE10) opacity ile düzeltebiliyoruz ama Chrome koduna renk kodunu yazmadan düzeltme yapmıyor. // Sebebini anlamadım

[blockquote source=”Ufak bir not”]Placeholder Internet Explorer10 ve altında çalışmıyor,r bunun için internetten placeholder.js araması yapıp çalışır vaziyete getirebilirsiniz. [/blockquote]

 

Kaynaklar

  • http://stackoverflow.com/questions/2610497/change-an-inputs-html5-placeholder-color-with-css
  • http://www.paulund.co.uk/html5-placeholder

 

Tüm kodlar :

Demo / Ön izleme ->  http://calismalar.aycan.net/placeHolder/