jquery實現(xiàn)input框獲取焦點的方法
更新時間：2017年02月06日 10:59:54 投稿：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隨鼠標焦點移進移出而顯示或隱藏的代碼
- 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輸入框獲取焦點與失去焦點時提示的消失與顯示功能示例
相關文章
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)簡單評論區(qū)，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-03-03
jQuery 驗證插件 Web前端設計模式(asp.net)
asp.net下用戶注冊頁面的驗證代碼，花了點時間將驗證做成一個jQuery插件，希望對需要的朋友有所幫助。2010-10-10
這篇文章主要為大家詳細介紹了JQuery的Pager分頁器實現(xiàn)代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-05-05
一個利用jquery寫的左右輪播圖，將jquery框架的鏈接跟圖片替換就可以看到效果了,需要的朋友可以參考下2014-02-02
jQuery select自動選中功能實現(xiàn)方法分析
這篇文章主要介紹了jQuery select自動選中功能,結合實例形式分析了jQuery實現(xiàn)select響應與級聯(lián)菜單顯示相關功能與操作技巧,需要的朋友可以參考下2016-11-11
jQuery動態(tài)添加刪除select項(實現(xiàn)代碼)
以下是對jQuery動態(tài)添加刪除select項的實現(xiàn)代碼進行了詳細的分析介紹，需要的朋友可以過來參考下2013-09-09
比較常用的限制字符輸入數(shù)功能(比如熱火超天的微博輸入框),用jQuery和原生JavaScript分別寫了一個.原生JavaScript注釋中有區(qū)分中英文字符的函數(shù), 但個人并不建議這么做.2010-09-09
jquery 顯示*天*時*分*秒實現(xiàn)時間計時器
用jquery實現(xiàn)時間計時器,從之前的某個時間段到現(xiàn)在距離多少天多少時多少分多少秒，示例代碼如下，大家拷貝即可使用2014-05-05
js/jquery去掉空格,回車,換行示例代碼。需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
jquery實現(xiàn)彈窗(系統(tǒng)提示框)效果
這篇文章主要為大家詳細介紹了jquery實現(xiàn)彈窗系統(tǒng)提示框效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-12-12