jQuery中:focus選擇器用法實(shí)例
本文實(shí)例講述了jQuery中:focus選擇器用法。分享給大家供大家參考。具體分析如下:
此選擇器能夠匹配當(dāng)前獲取焦點(diǎn)的元素。
語(yǔ)法結(jié)構(gòu):
:focus選擇器一般需要和其他選擇器配合使用,例如和類(lèi)選擇器,元素選擇器等等。例如:
以上代碼會(huì)匹配獲得焦點(diǎn)的li元素。
當(dāng)然此選擇器前面不加任何其他選擇器,不過(guò)不加指定的選擇器,那么默認(rèn)就是添加了通用選擇器(*)。例如:
以上代碼和下面代碼等效:
實(shí)例代碼:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.dbjr.com.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專(zhuān)區(qū)</li>
<li>HTML專(zhuān)區(qū)</li>
</ul>
</body>
</html>
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
相關(guān)文章
原生js和jquery實(shí)現(xiàn)圖片輪播特效
本文給大家分享的是使用原生JS和JQ兩種方法分別實(shí)現(xiàn)相同的圖片輪播特效,十分的實(shí)用,也非常方便大家對(duì)比學(xué)習(xí)原生js和jQuery,有需要的小伙伴可以參考下。2015-04-04jquery ajax請(qǐng)求實(shí)例深入解析
jquery中封裝了一些ajax請(qǐng)求的方法,很實(shí)用,本文將以此引入一個(gè)實(shí)例,對(duì)jquery中ajax請(qǐng)求的方法進(jìn)行詳細(xì)介紹,需要了解更多的朋友可以參考下2012-11-11在瀏覽器中實(shí)現(xiàn)圖片粘貼的jQuery插件-- pasteimg使用指南
這篇文章主要介紹了在瀏覽器中實(shí)現(xiàn)圖片粘貼的jQuery插件-- pasteimg使用指南,需要的朋友可以參考下2014-12-12基于jQuery和Bootstrap框架實(shí)現(xiàn)仿知乎前端動(dòng)態(tài)列表效果
最近基于jQuery和Bootstrap框架實(shí)現(xiàn)了一個(gè)仿知乎動(dòng)態(tài)列表的前端效果,基本實(shí)現(xiàn)了和知乎動(dòng)態(tài)列表相同的效果,下面小編通過(guò)本文給大家分享實(shí)現(xiàn)思路及代碼,對(duì)bootstrap 實(shí)現(xiàn)仿知乎前端動(dòng)態(tài)列表效果感興趣的朋友一起看看吧2016-11-11基于jquery的Repeater實(shí)現(xiàn)代碼
本文和大家詳解如何使用javascript來(lái)實(shí)現(xiàn)一個(gè)asp.net 的Repeater控件,叫jQuery.Repeater插件。一起來(lái)看下吧。2010-07-073分鐘寫(xiě)出來(lái)的Jquery版checkbox全選反選功能
checkbox全選反選的文章在以前也有介紹很多,實(shí)在是不想在提起了,然而身邊還是有些朋友不會(huì),于是3分鐘寫(xiě)出來(lái)一個(gè)估計(jì)有很多bug2013-10-10使用jquery的ajax需要注意的地方dataType的設(shè)置
沒(méi)有設(shè)置dataType:'json',就出現(xiàn)無(wú)法解析返回的data數(shù)據(jù),會(huì)把data當(dāng)作字符串處理,而不是json對(duì)象,記得以前是不用設(shè)dataType的,很奇怪,不知道是不是跟jquery版本有關(guān)系2013-08-08通過(guò)jquery實(shí)現(xiàn)頁(yè)面的動(dòng)畫(huà)效果(實(shí)例代碼)
下面小編就為大家?guī)?lái)一篇通過(guò)jquery實(shí)現(xiàn)頁(yè)面的動(dòng)畫(huà)效果(實(shí)例代碼)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-09-09jQuery 判斷元素是否存在然后按需加載內(nèi)容的實(shí)現(xiàn)代碼
這篇文章主要介紹了jQuery 判斷元素是否存在然后按需加載內(nèi)容的實(shí)現(xiàn)代碼,需要的朋友可以參考下2020-01-01