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如何設置輸入框的背景顏色的內容啦 , 希望對你有所幫助哦!

    猜你喜歡