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輸入框獲取焦點與失去焦點時提示的消失與顯示功能示例
相關(guān)文章
這篇文章主要介紹了jquery.picsign 自己封裝的第一個開源組件,需要的朋友可以參考下2018-02-02
jQuery插件echarts實現(xiàn)的多柱子柱狀圖效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery插件echarts實現(xiàn)的多柱子柱狀圖效果,結(jié)合完整實例形式分析了echarts繪制多柱子柱狀圖效果的操作步驟與相關(guān)實現(xiàn)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03
jQuery是用來干什么的 jquery其實就是一個js框架
jQuery是一bai個簡潔而快速的JavaScript庫，可用于du簡化zhi事件處理，HTML文檔遍歷，Ajax交互和dao動畫，以更快速開發(fā)網(wǎng)站2021-02-02
jQuery實現(xiàn)為table表格動態(tài)添加或刪除tr功能示例
這篇文章主要介紹了jQuery實現(xiàn)為table表格動態(tài)添加或刪除tr功能,結(jié)合實例形式分析了jQuery針對table表格行動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2019-02-02
在網(wǎng)站前端開發(fā)中，瀏覽器兼容性是前端開發(fā)框架要解決的第一個問題，要解決兼容性問題就得首先準確判斷出瀏覽器的類型及其版本，而判斷瀏覽器的版本一般只能通過分析瀏覽器的userAgent才能知道.今天我們把各種判斷方法都總結(jié)一下，希望對大家有所幫助2014-09-09
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)帶進度條的輪播圖，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-09-09
jQuery的中 is('':visible'') 解析及用法(必看)
下面小編就為大家?guī)硪黄猨Query的中 is(':visible') 解析及用法(必看)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-02-02
jQuery取得設(shè)置清空select選擇的文本與值
這篇文章主要介紹了jQuery如何取得設(shè)置清空select選擇的文本與值,下面有個不錯的示例，需要的朋友可以參考下2014-07-07
jQuery+ajax實現(xiàn)動態(tài)添加表格tr td功能示例
這篇文章主要介紹了jQuery+ajax實現(xiàn)動態(tài)添加表格tr td功能,結(jié)合實例形式分析了jQuery基于ajax動態(tài)創(chuàng)建頁面table元素相關(guān)操作技巧,需要的朋友可以參考下2018-04-04
分析了一下JQuery中的extend方法實現(xiàn)原理
這篇文章主要介紹了通過jQuery.extend的源碼分析了一下JQuery中的extend方法實現(xiàn)原理以及使用方式，非常的詳細，這里推薦給大家，有需要的小伙伴來參考下吧。2015-02-02