jQuery中first-child与first选择器区别
2021-06-09 22:02
阅读：747
标签：logs strong 过程 jquer 选择 lang log first 区别
1、first-child
first-child为每个父级元素匹配第一个子元素，可以匹配出多个元素：
示例代码：
DOCTYPE html>
html lang="zh">
head>
meta charset="UTF-8" />
title>jQuery中first-child与first选择器区别title>
head>
body>
ul>
li>Johnli>
li>Karlli>
li>Brandonli>
ul>
ul>
li>Glenli>
li>Taneli>
li>Ralphli>
ul>
script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js">script>
script type="text/javascript">
//选择了2个元素：
//分别是：John 和 Glen
//first-child为每个父级元素匹配第一个子元素，可以匹配出多个元素
$("li:first-child").css(‘color‘, ‘red‘);
script>
body>
html>
效果：
2、first
first-child为获取匹配的第一个元素，只能匹配一个元素。
示例代码：
DOCTYPE html>
html lang="zh">
head>
meta charset="UTF-8" />
title>jQuery中first-child与first选择器区别title>
head>
body>
ul>
li>Johnli>
li>Karlli>
li>Brandonli>
ul>
ul>
li>Glenli>
li>Taneli>
li>Ralphli>
ul>
script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js">script>
script type="text/javascript">
//选择了1个元素：
//是：John
//first-child为获取匹配的第一个元素，只能匹配一个元素
$("li:first").css(‘color‘, ‘red‘);
script>
body>
html>
效果：
在使用过程中要注意两者的区别。
jQuery中first-child与first选择器区别
标签：logs strong 过程 jquer 选择 lang log first 区别
原文地址：http://www.cnblogs.com/mengfangui/p/7298473.html
上一篇：jquery 下载
文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：jQuery中first-child与first选择器区别
文章链接：http://soscw.com/essay/92858.html
文章标题：jQuery中first-child与first选择器区别
文章链接：http://soscw.com/essay/92858.html
评论
亲，登录后才可以留言！