jq3个first的区别

来源:互联网 发布:金汇宝炒股软件 编辑:程序博客网 时间:2024/06/14 02:37

:first选择器只匹配一个元素,并且是匹配到的元素中的第一个元素; 

比如有2个ul列表,:first只会匹配第一个ul列表里面的第一个li, 而first-child 会匹配2个ul列表里面的第一个li

:first-child选择器则需要判断匹配到的元素是否是其父元素的第一个子元素,如果是就保留,否则将被舍弃

// :first-child选择父元素的第1个子元素  first 也是, 这个是子级元素用的;


h1:first-of-type',    第1类选择器不分元素类型,第2类选择器区分元素类型

这个是  比如 一个div里面 有 好几个p元素, 这个只会匹配这个div里面的第一个p元素, 会不会匹配这个div里面的div包裹p没试过、、


这个也可以 选 假如有2个相同的 div内部也一样都有几个p元素,  用这个会分别匹配 每个div里面的 第一个p