jquery實現(xiàn)input框獲取焦點的簡單實例
更新時間:2017年01月26日 11:25:49 投稿:jingxian
下面小編就為大家?guī)硪黄猨query實現(xiàn)input框獲取焦點的簡單實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
獲取表單焦點變色的簡單實例
//.login-form表單樣式類
//.item input輸入框父div
// focus是要添加的樣式類
$(".login-form").on("focus", "input", function(){
$(this).closest('.item').addClass('focus');
}).on("blur","input",function(){
$(this).closest('.item').removeClass('focus');
});
//初始化選中用戶名輸入框
$("#itemBox").find("input[name=username]").focus();
以上這篇jquery實現(xiàn)input框獲取焦點的簡單實例就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
您可能感興趣的文章:
- input 輸入框獲得/失去焦點時隱藏/顯示文字(jquery版)
- jQuery實現(xiàn)表單input中提示文字value隨鼠標(biāo)焦點移進(jìn)移出而顯示或隱藏的代碼
- jquery實現(xiàn)input框獲取焦點的方法
- 讓input框?qū)崿F(xiàn)類似百度的搜索提示(基于jquery事件監(jiān)聽)
- 基于jQuery的input輸入框下拉提示層(自動郵箱后綴名)
- jQuery簡單實現(xiàn)input文本框內(nèi)灰色提示文本效果的方法
- jQuery制作input提示內(nèi)容(兼容IE8以上)
- jquery實現(xiàn)input輸入框?qū)崟r輸入觸發(fā)事件代碼
- js與jquery實時監(jiān)聽輸入框值的oninput與onpropertychange方法
- jQuery實現(xiàn)input輸入框獲取焦點與失去焦點時提示的消失與顯示功能示例
相關(guān)文章
jquery通過a標(biāo)簽刪除table中的一行的代碼
刪除table中的一行的方法有很多,在本文為大家介紹下jquery是如何做到的,下面有個不錯的示例,喜歡的朋友可以參考下2013-12-12
jquery插件開發(fā)之實現(xiàn)google+圈子選擇功能
最近項目中用到的一個效果,類似于Google+的添加圈子功能。本文插件約8成封裝,好多功能是依據(jù)項目中實際需求寫的。若要使用,可根據(jù)自身情況擴(kuò)展修改2014-03-03
jquery+CSS實現(xiàn)的水平布局多級網(wǎng)頁菜單效果
這篇文章主要介紹了jquery+CSS實現(xiàn)的水平布局多級網(wǎng)頁菜單效果,涉及jquery頁面元素屬性動態(tài)變換效果實現(xiàn)技巧,非常具有實用價值,需要的朋友可以參考下2015-08-08
jQuery ajax調(diào)用webservice注意事項
這篇文章主要為大家詳細(xì)介紹了jQuery ajax調(diào)用webservice的注意事項,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-10-10

