国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網站 > WEB開發 > 正文

jQuery中eq()方法用法實例

2024-04-27 15:02:23
字體：大 中 小
來源：轉載
供稿：網友

本文實例講述了jQuery中eq()方法用法。分享給大家供大家參考。具體分析如下：

此方法能夠獲取匹配元素集上的相應位置索引的元素。
匹配元素集上元素的位置索引是從0開始的。

語法結構:

復制代碼 代碼如下:
$(selector).eq(index)

參數列表:

參數描述
index定義元素在元素集中的索引，從零開始的。
如果是負數則從最后一個元素往回計數。
越界無效。

實例代碼:

實例一:

復制代碼 代碼如下:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8"/>
<meta name="author" content="http://www.jb51.net/" />
<title>eq()方法-腳本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/Javascript">
$(document).ready(function(){
  $("li").eq(1).CSS("color","blue")
})
</script>
</head>
<body>
<div>
  <ul>
    <li>HTML專區</li>
    <li>Javascript專區</li>
    <li>Div+Css專區</li>
    <li>Jquery專區</li>
  </ul>
</div>
</body>
</html>

把索引是1的li元素中的字體顏色設置為藍色。

實例二:

復制代碼 代碼如下:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8"/>
<meta name="author" content="http://www.jb51.net/" />
<title>點擊彈出窗口效果-腳本之家</title>
<style type="text/css">
.font{
  font-size:18px;
  color:yellow
}
.bg{
  background:#336;
}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("li").eq(-1).css("color","blue")
})
</script>
</head>
<body>
<div>
  <ul>
    <li>HTML專區</li>
    <li>Javascript專區</li>
    <li>Div+Css專區</li>
    <li>Jquery專區</li>
  </ul>
</div>
</body>
</html>

索引是負數的時候，從最后一個元素往回計數?！　　　?/p>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 杭锦后旗| 北碚区| 蒲城县| 陈巴尔虎旗| 大厂| 工布江达县| 昭觉县| 阳东县| 郎溪县| 绵阳市| 翼城县| 利辛县| 滦南县| 高邮市| 丰城市| 邢台市| 霞浦县| 四子王旗| 剑川县| 宜城市| 北票市| 乐亭县| 德庆县| 农安县| 汕尾市| 普洱| 清涧县| 大安市| 南陵县| 康定县| 芷江| 晋中市| 慈利县| 武鸣县| 景宁| 海原县| 当雄县| 报价| 冕宁县| 中阳县| 奉化市|