<!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ū)⒌谝粋€(gè)li元素中文本的顏色設(shè)置為藍(lán)色。

希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

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