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事件发生时,颜色将被重置为黑色。
通过这种方式,我们可以使得用户在输入时更加清晰地看到输入的内容。同时,这也为我们的网站增添了一些视觉上的效果。