cari

Rumah  >  Artikel  >  hujung hadapan web  >  jQuery中first()方法用法实例

jQuery中first()方法用法实例

巴扎黑
巴扎黑asal
2017-06-22 14:55:551915semak imbas

这篇文章主要介绍了jQuery中first()方法用法,实例分析了first()方法的功能、定义及获取匹配元素集合中的第一个元素时的使用技巧,需要的朋友可以参考下

本文实例讲述了jQuery中first()方法用法。分享给大家供大家参考。具体分析如下：

此方法获取匹配元素集合中的第一个元素。

语法结构:

代码如下:

$(selector).first()

实例代码:

代码如下:

<!DOCTYPE html>
<html>
<
head
>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>first()
函数
-脚本之家</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>
<p>
  <ul>
    <li>HTML专区</li>
    <li class="js">Javascript专区</li>
    <li>p+Css专区</li>
    <li>Jquery专区</li>
  </ul>
</p>
</body>
</html>

以上代码能够将第一个li元素中文本的颜色设置为蓝色。

Atas ialah kandungan terperinci jQuery中first()方法用法实例. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：jquery中prev、next和siblings选择器实例展示Artikel seterusnya：jQuery中first()选择器的基本介绍及实例展示

Artikel berkaitan

Lihat lagi