jQuery修改CSS伪元素属性的方法
2016-02-26 10:34
441 查看
CSS伪元素(pseudo elements)不是DOM元素,因此你无法直接选择到它们。
假设有如下HTML代码:
现在你想在某个元素的click事件中动态的把techbrood:before的width属性设置为100%,
有两个方法,一个是添加新的样式:
(注意该方法将影响所有的class为techbrood的元素)
另外一个方法是为该元素添加新类,并通过设置新类的属性来达到改变伪元素属性的效果:
jQuery代码:
CSS伪元素(pseudo elements)不是DOM元素,因此你无法直接选择到它们。
假设有如下HTML代码:
有两个方法,一个是添加新的样式:
另外一个方法是为该元素添加新类,并通过设置新类的属性来达到改变伪元素属性的效果:
相关文章推荐
- 用户界面框架jQuery EasyUI示例大全之DataGrid(4/4)
- jquery 操作css 类 (新增和删除)
- JQuery和JS操作LocalStorage/SessionStorage的方法
- jquery查找ul>li里 img的 alt属性="xxxx"时,img的src的值
- jQuery--ajax
- JQuery修改div的id
- jquery关于HTML元素的操作(新增和删除)
- 50个jQuery插件可将你的网站带到另一个高度
- 学习使用jquery iScroll.js移动端滚动条插件
- 学习使用jquery iScroll.js移动端滚动条插件
- jQuery实现控制文字内容溢出用省略号(…)表示的方法
- jQuery源码分析系列
- jQuery源码学习感想
- 诅咒JavaScript之:Jquery ajax提交内容异常
- jquery笔记
- jquery json ajax -2
- 使用jQuery为表单添加回车事件
- 160223、jquery中attr和prop的区别
- 35个 jQuery 小技巧/代码片段
- 35个 jQuery 小技巧