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