HTML kodlayan her web yazılımcısı herhalde attribute kelimesinin anlamını biliyordur html etikeklerinin özelliklerini kullanmak veya etikete özellik kazandırmak için attribute özelliğini kullanırız. bu makalemizde bu attribute’leri nasıl kaldırırız onu göreceğiz.
jQuery removeAttr() fonksiyonu ile nesne özellikleri silme
Öncelikler jquery’e ait bir fonksyion olan removeAttr() fonksiyonunu kullanmak için buradan jquery kütüphanesini eğer projenizde yoksa dahil etmelisiniz.
Bu fonksiyon jquery 1.7
ile beraber geldiğinde 1.7
ve üstü jquery kütüphanesi kullanmalısınız.
Aşağıdaki gibi örnek bir html sayfamız olduğunu varsayalım ve onun üzerinden gidelim.
HTML
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | <!DOCTYPE html> <html lang=""> <head> <meta charset="UTF-8"> <title>jQuey RemoveAttr</title> <script src="//code.jquery.com/jquery-1.10.2.js"></ script> <script type="text/javascript"> $(function(){ $("input:first-child").removeAttr("value"); }) </ script> </head> <body> <input type="text" value="MuratOner.Net"> </body> </html> |
Üstteki kodda yapmaya çalıştığımız şey sayfada yer alan tek input nesnesinin başlangıç değerini MuratOner.Ney yaptık falan jQuery .removeAttr() fonksiyonunun tam olarak işlevini anlatmak adına döküman hazır olduğunda value özelliğini kaldırıyoruz ve böylece input nesnesi boş olarak geliyor.