jQuery中first()方法用法實例
更新時間：2015年01月06日 09:48:21 投稿：shichen2014
這篇文章主要介紹了jQuery中first()方法用法,實例分析了first()方法的功能、定義及獲取匹配元素集合中的第一個元素時的使用技巧,需要的朋友可以參考下
本文實例講述了jQuery中first()方法用法。分享給大家供大家參考。具體分析如下：
此方法獲取匹配元素集合中的第一個元素。
語法結(jié)構(gòu):
復(fù)制代碼 代碼如下:
$(selector).first()
實例代碼:
復(fù)制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.fzitv.net/" />
<title>first()函數(shù)-腳本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("li").first().css("color","blue")
})
</script>
</head>
<body>
<div>
<ul>
<li>HTML專區(qū)</li>
<li class="js">Javascript專區(qū)</li>
<li>Div+Css專區(qū)</li>
<li>Jquery專區(qū)</li>
</ul>
</div>
</body>
</html>
以上代碼能夠?qū)⒌谝粋€li元素中文本的顏色設(shè)置為藍(lán)色。
希望本文所述對大家的jQuery程序設(shè)計有所幫助。
相關(guān)文章
jQuery插件pagination實現(xiàn)分頁特效
jQuery分頁插件示例，ajax方式的jQuery前端分頁插件，其核心代碼jquery.pagination.js已隨示例打包，Demo中包括了5種不同的分頁效果演示，全部是Ajax無刷新方式實現(xiàn)分頁，對于搞前端開發(fā)的朋友來說，這是個值得收藏的代碼特效，為以后實現(xiàn)無刷新分頁提供方便。2015-04-04
這篇文章主要介紹了jQuery實現(xiàn)幻燈片帶縮略圖輪播特效,圖片可以自行替換，推薦給大家，有需要的小伙伴可以參考下2015-08-08
這篇文章主要介紹了jQuery+ajax簡單實現(xiàn)文件上傳的方法,結(jié)合實例形式簡單分析了jQuery基于ajax的post方法進(jìn)行文件傳輸及asp.net后臺處理技巧,需要的朋友可以參考下2016-06-06
在全球訪問量最高的前1000個網(wǎng)站中，幾乎沒有不用jQuery的。如今jQuery的力量是無限強(qiáng)大。2011-04-04
Spring MVC中Ajax實現(xiàn)二級聯(lián)動的簡單實例
下面小編就為大家?guī)硪黄猄pring MVC中Ajax實現(xiàn)二級聯(lián)動的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
晚上有插件可以實現(xiàn)"jquery tab"，但有點復(fù)雜了，我想寫個最簡單的，來實現(xiàn)"jquery tab"。而事實上確實很簡練2009-05-05
這篇文章主要介紹了使用jquery選擇器如何獲取父級元素、同級元素、子元素,需要的朋友可以參考下2014-05-05
jQuery實現(xiàn)的手風(fēng)琴側(cè)邊菜單效果
這篇文章主要介紹了jQuery實現(xiàn)的手風(fēng)琴側(cè)邊菜單效果,涉及jQuery事件響應(yīng)及元素屬性動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2017-03-03
在最近項目中需要頻繁的右鍵菜單操作。我采用了contextMenu這款jQuery插件。2011-09-09
基于jquery實現(xiàn)的tab選項卡功能示例【附源碼下載】
這篇文章主要介紹了基于jquery實現(xiàn)的tab選項卡功能,涉及jQuery事件響應(yīng)及頁面元素屬性動態(tài)操作相關(guān)實現(xiàn)技巧,并附帶源碼下載,需要的朋友可以參考下2019-06-06