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.dbjr.com.cn/" />
<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中change()用法,實例分析了change的功能、定義及具體的使用技巧,非常具有實用價值,需要的朋友可以參考下2015-02-02
jquery實現(xiàn)垂直手風(fēng)琴導(dǎo)航欄
這篇文章主要為大家詳細(xì)介紹了jquery實現(xiàn)垂直手風(fēng)琴導(dǎo)航欄，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-02-02
這篇文章主要介紹了jQuery實現(xiàn)全選、反選和不選功能的方法,結(jié)合實例形式詳細(xì)分析了jQuery全選、反選以及不選功能的相關(guān)原理、實現(xiàn)方法及操作注意事項,需要的朋友可以參考下2019-12-12
地址欄射擊游戲!對，你沒看錯，就是在地址欄上玩的游戲，有圖有真相！之前在網(wǎng)上看到這個小游戲，可惜在墻外，中午研究了一下，搬到國內(nèi)來了，看看吧！2011-03-03
Jquery動態(tài)添加及刪除頁面節(jié)點元素示例代碼
這篇文章主要介紹了Jquery如何動態(tài)添加及刪除頁面節(jié)點元素，示例代碼如下，需要的朋友不要錯過2014-06-06
Jquery下判斷Id是否存在的代碼，需要的朋友可以參考下。2011-01-01
Jquery $.getJSON 在IE下的緩存問題解決方法
$.getJSON 的url都是相同的 問題來了 我修改 或者 新增樹節(jié)點 然后刷新tree IE竟然毫無變化 在其他瀏覽器上面都OK，于是搜到一個可行的解決方法2014-10-10
之前本人的工作和學(xué)習(xí)多以原生js 為主，對jQuery 一直都不是很了解，但jQuery 作為當(dāng)今最優(yōu)秀的js 類庫之一，必須是要花時間好好學(xué)習(xí)下的，今天正好蛋疼，讀了里面一些代碼2011-04-04
這篇文章主要介紹了js/jquery判斷圖片是否存在的函數(shù)代碼,需要的朋友可以參考下2023-06-06
jquery鍵盤事件介紹，使用jquery的朋友可以參考下。2011-01-01