jQuery中:focus選擇器用法實例
更新時間：2014年12月30日 10:38:33 投稿：shichen2014
這篇文章主要介紹了jQuery中:focus選擇器用法,以實例形式分析了:focus選擇器的功能、定義及匹配獲取焦點元素的使用技巧,具有一定的參考借鑒價值,需要的朋友可以參考下
本文實例講述了jQuery中:focus選擇器用法。分享給大家供大家參考。具體分析如下：
此選擇器能夠匹配當前獲取焦點的元素。
語法結構:
復制代碼 代碼如下:
$(":focus")
:focus選擇器一般需要和其他選擇器配合使用，例如和類選擇器，元素選擇器等等。例如:
復制代碼 代碼如下:
$("li:focus")
以上代碼會匹配獲得焦點的li元素。
當然此選擇器前面不加任何其他選擇器，不過不加指定的選擇器，那么默認就是添加了通用選擇器（*）。例如:
復制代碼 代碼如下:
$(":focus")
以上代碼和下面代碼等效:
復制代碼 代碼如下:
$("*:focus")
實例代碼:
復制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.fzitv.net/" />
<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程序設計有所幫助。
相關文章
有些時候需要根據(jù)瀏覽器來寫樣式，所以要判斷一下瀏覽器類型，百度了一下，才知道JQuery有個方法直接判斷，并附上原生的js的判斷方法，分享給大家，有需要的小伙伴可以參考下。2015-05-05
三個關閉彈出層的實例方法2013-11-11
下面小編就為大家?guī)硪黄猨query <li>標簽 隔若干行加空白或者加虛線的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-12-12
jquery slibings選取同級其他元素的實現(xiàn)代碼
jquery選取同級其他元素可以使用slibings方法，end方法可以清除之前的鏈式操作，相當于重新開始2013-11-11
這篇文章主要介紹了jQuery 跨域訪問解決原理案例詳解的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-07-07
JQuery 給元素綁定click事件多次執(zhí)行的解決方法
這篇文章主要介紹了JQuery 給元素綁定click事件多次執(zhí)行的解決方法,比較實用，需要的朋友可以參考下2014-09-09
在jquery里面， 大部分的時候， 屬性要用''引起來。否則容易變成變量名。比如red， 引不引都差不多。但是引起來也可以認。 所以習慣就全部引起來好了。2010-07-07
jQuery的數(shù)組處理,便捷,功能齊全. 最近的項目中用到的比較多,深感實用,一步到位的封裝了很多原生js數(shù)組不能企及的功能. 最近時間緊迫,今天抽了些時間回過頭來看 jQuery中文文檔 中對數(shù)組的介紹,順便對jQuery數(shù)組做個總結.溫故,知新.2010-11-11
這篇文章主要介紹了jQuery實現(xiàn)日期聯(lián)動效果的方法,結合實例形式分析了jQuery針對日期及頁面元素動態(tài)操作的相關技巧,需要的朋友可以參考下2016-07-07
想在網(wǎng)上找一個插件用用，可是，網(wǎng)上的插件看起來都比較雜亂，我參考了網(wǎng)上的一些插件，自己用jquery寫了一個多選下拉框2014-05-05