通过具体的实例来了解jquery里:first和:first-child的区别亲测 原创

文章标签:
  • :
  • 07-09 18:44
  • :
  • 47次
  • :
  • 0条
  • 3赞

简介本文通过具体的实例来讲解和区别jquery里first和first-child的区别,通过本文能让你快速掌握和了解first和first-child的用法。l

jquery里:first和:first-child都是用来获取“匹配到的第一个元素”的,但效果是不同的,先来看chm手册上对于这两个函数的解释:

:first  获取第一个元素;

:first-child 匹配第一个子元素;

只看这简单的解释的话,肯定会迷糊,站长用自己的语言来解释一下就是:

first获取到的是一个元素,而first-child获取到的是一个集合。

来看一个具体的实例:

$("tr td:first").addClass("bg-primary");
$("tr td:first-child").addClass("bg-primary");

上面的实例里,

$("tr td:first")  只匹配到了表格里第一行的第一个td;

$("tr td:first-child")  则匹配到了每一行的第一个td;

下面是站长准备的在线演示:

jquery里:first 和 :first-child的区别的在线演示



您正在找的文章可能是:
热点文章
热点图文
最近更新
  • Copyright © aijquery.cn 爱jQuery-完全免费的jquery交流学习网站
  • 豫ICP备17037455号-1
  • 2018-11-19 19:11:03