Jquery ile attribute ekleme veya attribute değerlerini almak çok basit jquery her anlamda kolaylıklar sağladığı gibi attribute olayındada kolaylık sağlıyor tek metod ile attribute değerini alabilir veya attribute oluşturabilirsiniz.
Jquery ile attribute ekleme veya attribute değerlerini alma
Şimdi örnek kodla jquery’de attribute değeri nasıl alınır onu görelim örneklerimizde kullanacağımız html kodu aşağıdaki gibidir.
Html Kodu
1 2 3 4 5 6 7 8 9 10 | <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></ script> <title></title> </head> <body> <input type="button" id="TestId" class="testClass"></input> </body> </html> |
Şimdi ise jquery ile üstteki html kodunda yer alan TestId id’li input nesnesinin class değerini alıp alert ile uyarı verdirteceğiz.
Jquery Kodu 12345 <script type="text/javascript"> $(function() { alert($("#TestId").attr("class")); })</ script>
1 2 3 4 5 | <script type="text/javascript"> $(function() { alert($("#TestId").attr("class")); }) </ script> |
Kod sonucunda bize testClass diye bir uyarı çıkacaktır istediğimiz sonuçta tam olarak buydu zaten.
Attribute Değeri Alma Sonuç
Şimdi ise input nesnesine style attribute’ünün olmadığını görüyorsunuzdur bu örneğimizde style attribute’ü ekleyerek buton nesnesinin arkaplan değerini kırmızı renkli yapacağız.
1 2 3 4 5 | <script type="text/javascript"> $(function() { $("#TestId").attr("style","background-color:red;"); }) </ script> |