我想要点击通过CSS伪元件:before:
和:after
插入的内容时触发jQuery动画。但是,我不知道如何做到这一点;我的第一个猜测,$(#id:before).click()
没有工作。这是jQuery功能的一部分吗?如果是这样,我将如何选择before
/after
的内容?CSS伪元素的jQuery .click()事件(:before /:after)?
回答
jQuery不支持CSS :before
和:after
选择器。
要选择兄弟姐妹,请使用
.siblings()
,然后从那里过滤。
+1仅仅是缺乏支持。但我应该说''.siblings()'不会选择伪元素,它会从当前范围内选择完全不同的元素。无论如何,':before'和':after'内容元素本身不是兄弟姐妹,它们是指定元素的子元素(但其内容的兄弟)。更多在这里:http://www.w3.org/TR/CSS2/generate.html#before-after-content – BoltClock
糟糕,我的错误。感谢您的澄清:) –
感谢您的感谢,并感谢@BoltClock的澄清。我会给jQuery.before/.after方法一个镜头。 – daysrunaway
- 1. 目标:before和:after伪元素与jQuery
- 2. CSS伪元素jquery点击事件?
- 3. 名单after伪元素
- 4. 我可以使用伪元素创建此形状:before和:after?
- 5. 如何使用MSHTML访问伪元素(:before,:after等)或伪类(:hover,:visited等)?
- 6. 两个:: after伪元素
- 7. 如何更改:before(伪元素)元素(使用jQuery)的属性
- 8. css伪元素如:
- 9. CSS - 全局选择所有伪类(:: before,:: after等)
- 10. 如何在CSS中内联使用伪类(比如after,before)
- 11. 使用`.css`为伪元素
- 12. 是否可以安全地使用表格行上的伪元素(:after,:before)?
- 13. 为什么我不能覆盖现有的:after和:before伪元素?
- 14. CSS:伪元素
- 15. 如何在使用伪元素时隐藏溢出文本(:before&:after)?
- 16. CSS - :: after伪元素的定位和尺寸问题
- 17. “text-decoration”和“after”伪元素,在Firefox 8
- 18. CSS容器伪元素?
- 19. 伪元素中是否有伪元素?
- 20. CSS如何中心::伪伪元素后
- 21. jQuery和伪元素
- 22. 如何使用CSS伪元素:before在同一元素的多个类中
- 23. 伪元素的CSS影响父元素
- 24. CSS FIRSTLINE伪元素
- 25. 如何使用CSS伪元素:before {content:''}来影响<option>元素?
- 26. jQuery的“变”事件取消“click”事件等元素
- 27. 在Firebug中查看CSS伪元素
- 28. 角2:设置伪元素的CSS
- 29. CSS :: inner伪元素的可能性
- 30. 什么是&:: before,&:: after在CSS中?
http://api.jquery.com/before/ –
后@Mike索尔:这是不一样的东西。 – BoltClock