Bu yazımda jQuery trim() metodunun ne işe yaradığını ve nasıl kullanabileceğimizi anlatacağım.
Şimdi trim() metodunun ne işe yaradığını ve nasıl kullanıldığını inceleyelim. Daha sonra da bu metodu küçük bir örnek üzerinde uygulayalım.
trim() metodu, string bir değerin başında ve sonunda bulunan boşlukları kaldırmak için kullanılır.
jQuery trim() Metodunun Kullanımı
trim() metodunu 2 farklı şekilde kullanabiliyoruz.
Birinci Yöntem :
|
1 2 3 |
JQuery.trim(String_Ifade); |
İkinci Yöntem :
|
1 2 3 |
$.trim(String_Ifade); |
Kullanımını gördüğümüze göre artık bir örnek üzerinde uygulayalım.
Örnek olarak şöyle bir string değerimiz olsun.
|
1 2 3 |
var text = " Hello World! " |
Gördüğünüz gibi metnin hem önünde hem sonunda boşluklar var.
Şimdi bu string değeri ilk olarak trim() metodunu uygulamadan alert ile gösterelim. Sonrasında da trim() metodunu uygulayarak alert ile gösterelim. Böylece aralarındaki farkı daha net görebiliriz.
Html Kodları
|
1 2 3 4 5 |
<button id="not-trim">orjinal metni göster</button> <button id="trim">trim() metodunu uygula</button> |
Css Kodları
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
<style> body { margin: 20px; font-size: 18px; } button { padding: 10px; background-color: dodgerblue; margin-bottom:18px; color: #fff; border: none; cursor: pointer; font-size: 16px; } </style> |
jQuery Kodları
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> $(document).ready(function() { var text = " Hello World! "; $("#not-trim").click(function () { alert('"' + text + '"'); }); $("#trim").click(function () { alert('"' + jQuery.trim(text) + '"'); }); }); </script> |
Butonlara tıklayarak alert mesajlarını inceleyebilirsiniz.
Umarım “jQuery trim() Metodu ve Kullanımı” başlıklı yazım sizin için faydalı olmuştur.
Şu yazılar da ilginizi çekebilir.
jQuery delay() Metodu ve Kullanımı
jQuery Document Ready Fonksiyonu Nedir? Nasıl Kullanılır?
Yeni bir yazımda görüşmek üzere.
 Metodu ve Kullanımı){kind=link}