jQuery中:focus選擇器用法實例
更新時間:2014年12月30日 10:38:33 投稿:shichen2014
這篇文章主要介紹了jQuery中:focus選擇器用法,以實例形式分析了:focus選擇器的功能、定義及匹配獲取焦點元素的使用技巧,具有一定的參考借鑒價值,需要的朋友可以參考下
本文實例講述了jQuery中:focus選擇器用法。分享給大家供大家參考。具體分析如下:
此選擇器能夠匹配當前獲取焦點的元素。
語法結(jié)構(gòu):
復(fù)制代碼 代碼如下:
$(":focus")
:focus選擇器一般需要和其他選擇器配合使用,例如和類選擇器,元素選擇器等等。例如:
復(fù)制代碼 代碼如下:
$("li:focus")
以上代碼會匹配獲得焦點的li元素。
當然此選擇器前面不加任何其他選擇器,不過不加指定的選擇器,那么默認就是添加了通用選擇器(*)。例如:
復(fù)制代碼 代碼如下:
$(":focus")
以上代碼和下面代碼等效:
復(fù)制代碼 代碼如下:
$("*:focus")
實例代碼:
復(fù)制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://chabaoo.cn/" />
<title>腳本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("li:focus").css("color","red");
})
</script>
</head>
<body>
<ul>
<li>div+css專區(qū)</li>
<li>HTML專區(qū)</li>
</ul>
</body>
</html>
希望本文所述對大家的jQuery程序設(shè)計有所幫助。
相關(guān)文章
在瀏覽器中實現(xiàn)圖片粘貼的jQuery插件-- pasteimg使用指南
這篇文章主要介紹了在瀏覽器中實現(xiàn)圖片粘貼的jQuery插件-- pasteimg使用指南,需要的朋友可以參考下2014-12-12基于jQuery和Bootstrap框架實現(xiàn)仿知乎前端動態(tài)列表效果
最近基于jQuery和Bootstrap框架實現(xiàn)了一個仿知乎動態(tài)列表的前端效果,基本實現(xiàn)了和知乎動態(tài)列表相同的效果,下面小編通過本文給大家分享實現(xiàn)思路及代碼,對bootstrap 實現(xiàn)仿知乎前端動態(tài)列表效果感興趣的朋友一起看看吧2016-11-11使用jquery的ajax需要注意的地方dataType的設(shè)置
沒有設(shè)置dataType:'json',就出現(xiàn)無法解析返回的data數(shù)據(jù),會把data當作字符串處理,而不是json對象,記得以前是不用設(shè)dataType的,很奇怪,不知道是不是跟jquery版本有關(guān)系2013-08-08jQuery 判斷元素是否存在然后按需加載內(nèi)容的實現(xiàn)代碼
這篇文章主要介紹了jQuery 判斷元素是否存在然后按需加載內(nèi)容的實現(xiàn)代碼,需要的朋友可以參考下2020-01-01