jQuery的first()方法怎么用?
yanghs · · 1077 次点击 · · 开始浏览first()方法是jQuery中的内置方法,用于选择从指定元件的第一个元素;它将匹配元素集合缩减为集合中的第一个元素。
原文地址:jQuery的first()方法怎么用?
如果给定一个表示 DOM 元素集合的 jQuery 对象,.first() 方法会用第一个匹配元素构造一个新的 jQuery 对象。
语法:
$(selector).first()
返回值:返回所选元素中的第一个元素。
示例:
<html>
<head>
<meta charset="UTF-8">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script>
$(document).ready(function() {
$('li').first().css('background-color', 'red');
});
</script>
</head>
<body>
<ul>
<li>list item 1</li>
<li>list item 2</li>
<li>list item 3</li>
<li>list item 4</li>
<li>list item 5</li>
</ul>
</body>
</html>
效果图:
相关推荐:
有疑问加站长微信联系(非本文作者)
入群交流(和以上内容无关):加入Go大咖交流群,或添加微信:liuxiaoyan-s 备注:入群;或加QQ群:692541889
关注微信- 请尽量让自己的回复能够对别人有帮助
- 支持 Markdown 格式, **粗体**、~~删除线~~、
`单行代码` - 支持 @ 本站用户;支持表情(输入 : 提示),见 Emoji cheat sheet
- 图片支持拖拽、截图粘贴等方式上传
收入到我管理的专栏 新建专栏
first()方法是jQuery中的内置方法,用于选择从指定元件的第一个元素;它将匹配元素集合缩减为集合中的第一个元素。
原文地址:jQuery的first()方法怎么用?
如果给定一个表示 DOM 元素集合的 jQuery 对象,.first() 方法会用第一个匹配元素构造一个新的 jQuery 对象。
语法:
$(selector).first()
返回值:返回所选元素中的第一个元素。
示例:
<html>
<head>
<meta charset="UTF-8">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script>
$(document).ready(function() {
$('li').first().css('background-color', 'red');
});
</script>
</head>
<body>
<ul>
<li>list item 1</li>
<li>list item 2</li>
<li>list item 3</li>
<li>list item 4</li>
<li>list item 5</li>
</ul>
</body>
</html>
效果图:
相关推荐: