JQuery是一種流行的JavaScript庫,它允許我們以更容易,更簡單的方式操縱HTML和CSS元素。在這篇文章里,我們將會介紹如何使用JQuery來改變input元素文字的顏色。
$(document).ready(function(){ $('input[type="text"]').focus(function(){ $(this).css('color', 'red'); }); $('input[type="text"]').blur(function(){ $(this).css('color', 'black'); }); });
上述代碼中,我們使用了JQuery的ready函數,這個函數會在文檔加載完成后執行我們的代碼。我們選擇了所有的type為text的input元素,并為它們綁定了focus和blur事件。focus事件發生時,文字顏色將被設置為紅色,blur事件發生時,顏色將被重置為黑色。
通過這種方式,我們可以使得用戶在輸入時更加清晰地看到輸入的內容。同時,這也為我們的網站增添了一些視覺上的效果。
上一篇c 拼接html代碼