使用“.css”作为伪元素
可能的重复:
使用 jQuery 操作 CSS :before 和 :after 伪元素
我想要 jQuery 等效于此 CSS 代码:
p:before {
content: 'Intro!';
}
我天真地尝试了 $('p:before').css('content', '介绍!');
但它不起作用。
如何使用 jQuery 进行伪元素 CSS 修改?
Possible Duplicate:
Manipulating CSS :before and :after pseudo-elements using jQuery
I would like to the jQuery equivalent this CSS code:
p:before {
content: 'Intro!';
}
I've naively tried $('p:before').css('content', 'Intro!');
but it doesn't work.
How can I do pseudo-element CSS modifications using jQuery?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
你不能。
1) 选择器
p:before
不仅仅是一个选择器—— psuedo 元素定义了不影响实际选择的功能。 jQuery 应该返回什么,所有p
标签?这就是$(...)
所做的一切——它返回一堆与您的选择器匹配的元素。 jQuery (Sizzle/querySelectorAll
) 不知道如何获取:before
...2) 伪元素/类行为也无法通过 JS API 获得。
通过 JS 动态执行此类操作的唯一方法是创建一个
元素,如下所示:
请问您为什么要首先执行此操作?
You can't.
1) The selector,
p:before
, is not just a selector -- the psuedo element defines functionality that does not affect the actual selection. What is jQuery supposed to return, allp
tags? That's all$(...)
does -- it returns a bunch of elements that match your selector. jQuery (Sizzle/querySelectorAll
) doesn't know how to fetch:before
...2) Psuedo-element/class behaviour is not available via JS APIs either.
The only way to do something like this, dynamically via JS, would be to create a
<style>
element, like so:May I ask why you want to do this in the first place?
你可以这样做:
You can do this: