手机版
热门标签
站点地图
我要投稿
广告合作
联系我们
搜 索
Office软件下载
Mac清理软件
切换导航
首页
编程教程
编程导航
编程百科
编程问答
编程博文
编程实例
硬件设备
网络运营
软件教程
移动数码
办公软件
操作系统
网络运维
设计教程
技术频道
▸ 编程语言
▸ 前端开发
▸ 移动开发
▸ 开发工具
▸ 程序设计
▸ 行业应用
▸ CMS系统
▸ 服务器
▸ 数据库
公众号推荐
微信公众号搜
"智元新知"
关注
微信扫一扫可直接关注哦!
CSS伪类:first-child
CSS伪类:first-child专题提供CSS伪类:first-child的最新资讯内容,帮你更好的了解CSS伪类:first-child。
jQuery过滤选择器:first和:first-child的区别,CSS伪类:first-child
最近项目中遇到需求:只在第一列不能删除,不显示小叉号;点击可添加一列,后面的列右上角显示小叉号,可以点击删除。我是使用以下方法解决这个小需求 :CSS伪类选择器:first-child设置所有小叉号不显示,当点击添加一列时,用jQuery过滤选择器只控制第一个不显示小叉号.rule-delete {position: absolute;right: 16px;top: 11px;width: 20px;height: 20px;background: url("../../homepage/images/btn_ic_cancle.png") no-repeat;background-size: cover;}.rule-delete:first-child {display: none;}//或者.rule-delete:nth-child(1) {display: none;} $(".rule-delete").show();$(".rule-delete:first").hide();//第一个策略没有删除叉号 在解决的过程中,我还踩了了个坑,误用:frist-child。为了避免以后继续踩坑,现在用个小例子记录下jQuery过滤选择器:first和:first-child的区别。:first过滤器只匹配第一个子元素,而:frist-child过滤器将为每个父元素匹配一个子元素。对于下面的html代码:<ul><li>John</li><li>Karl</li><li>Brandon</li></ul><ul><li>Glen</li><li>Tane</li><li>Ralph</li></ul> $("ul li:first").text();得到的结果为John.$("ul li:first-child").text();得到的结果为John和Glen.
作者:佚名 时间:2019-04-02
小编推荐
苹果市值2025年有望达4万亿美元
• 微信青少年模式全新升级:视频号内容分
• 《地下城与勇士DNF》永久交通卡卡面上线
• 优酷为方便长辈看视频,上线银发剧场!
• 微信读书集成腾讯混元AI技术,可以一日
• 京东快递上线11项会员权益
• 高德地图功能升级,新增安全预警
• 小爱同学多模态能力升级,引领智能生活
热门标签
更多
python
JavaScript
java
HTML
PHP
reactjs
C#
Android
CSS
Node.js
sql
r
python-3.x
MysqL
jQuery
c++
pandas
Flutter
angular
IOS
django
linux
swift
typescript
路由器
JSON
路由器设置
无线路由器
h3c
华三
华三路由器设置
华三路由器
电脑软件教程
arrays
docker
软件图文教程
C
vue.js
laravel
spring-boot