jquery如何设置输入框的背景颜色

在jquery中 , 可以使用css()方法给输入框添加背景颜色 。 下面小编举例讲解jquery如何设置输入框的背景颜色 。

jquery如何设置输入框的背景颜色

文章插图

需要这些哦
jquery+html
代码编纂器:z studio 10.0
方式/
1新建一个html文件 , 定名为test.html , 用于讲解jquery若何设置输入框的布景颜色 。
jquery如何设置输入框的背景颜色

文章插图

2在test.html文件内 , 利用input标签建立一个输入框 , 用于测试 。
jquery如何设置输入框的背景颜色

文章插图

3在test.html文件内 , 设置input标签的id属性为txtput 。
jquery如何设置输入框的背景颜色

文章插图

4在js标签内 , 利用ready()方式在页面加载完当作时执行function方式 。
jquery如何设置输入框的背景颜色

文章插图

5在function方式内 , 经由过程id获得input对象 , 利用css()方式将background属性设置为"#ccc" , 即将input的布景颜色设置为灰色 。
jquery如何设置输入框的背景颜色

文章插图

6在浏览器打开test.html文件 , 查看实现的结果 。
jquery如何设置输入框的背景颜色

文章插图

总结:1【jquery如何设置输入框的背景颜色】1、利用input标签建立一个输入框 , 设置input标签的id属性为txtput 。 2、在js标签内 , 利用ready()方式在页面加载完当作时执行function方式 。 3、在function方式内 , 经由过程id获得input对象 , 利用css()方式将background属性设置为"#ccc" , 即将input的布景颜色设置为灰色 。 4、在浏览器打开test.html文件 , 查看实现的结果 。


以上内容就是jquery如何设置输入框的背景颜色的内容啦 , 希望对你有所帮助哦!

    推荐阅读