文章目录 [隐藏]admin管理员组文章数量:1658762
- jQuery修改CSS伪元素属性的方法
jQuery修改CSS伪元素属性的方法
更新时间:2014年07月30日 14:51:29 投稿:whsnow 我要评论
.- 新疆职业院校 iot开发平台
- 融合通讯系统 自学大数据
- ucla 新疆中专 免费erp系统
- 源码论坛 网管运维 程序开发学校
.
CSS伪元素不是DOM元素,因此你无法直接选择到它们。下面与大家分享两种不错的修改方法,需要的朋友可以参考下 ..
CSS伪元素(pseudo elements)不是DOM元素,因此你无法直接选择到它们。
假设有如下HTML代码:
?1 |
<
div
class
=
"techbrood"
id
=
"td_pseudo"
>techbrood introduction</
div
>
|
和CSS代码:
?1 2 3 |
.techbrood:before {
width
:
0
;
}
|
现在你想在某个元素的click事件中动态的把techbrood:before的width属性设置为100%,
有两个方法,一个是添加新的样式:
?1 |
$(
'head'
).append(
"<style>.techbrood::before{ width:100% }</style>"
);
|
(注意该方法将影响所有的class为techbrood的元素)
另外一个方法是为该元素添加新类,并通过设置新类的属性来达到改变伪元素属性的效果:
?1 2 3 |
.techbrood.change:before{
width
:
100%
;
}
|
jQuery代码:
?1 |
$(
'#td_pseudo'
).addClass(
"change"
);
|
您可能感兴趣的文章:
- JQuery中根据属性或属性值获得元素(6种情况获取方法)
- jQuery .attr()和.removeAttr()方法操作元素属性示例
- jQuery 获取对象 根据属性、内容匹配, 还有表单元素匹配
- jQuery使用元素属性attr赋值详解
- jQuery 过滤方法filter()选择具有特殊属性的元素
- jQuery获取选中内容及设置元素属性的方法
- jQuery 获取/设置/删除DOM元素的属性以a元素为例
- JQuery节点元素属性操作方法
- 详解jQuery中的元素的属性和相关操作
- jQuery元素属性操作实例(设置、获取及删除元素属性)
.
微信公众号搜索 “ 脚本之家 ” ,选择关注
程序猿的那些事、送书等活动等着你
.- 伪元素
.
.专利转让网
金贵银业
到宁海森林温泉
大数据入门
- 江丰电子 5系 宝马 开曼群岛注册公司
- 马屿镇 打字录入 猎头收费 jquery基础教程
- 房地产中介加盟 青石板 新疆棉被
- 大连日语翻译 jquery 入门 羊驼出租
- 蛭石 租车新疆 新疆石材 劲胜股份
- 蓝庭国际 温州房产中介 宁海温泉
- 如何锻炼注意力 数据处理公司 二维码营销
- 玉兔元素 修改wifi密码 五大元素分析仪
- 理发器 高起本 江丰电子 5系 宝马
- 开曼群岛注册公司 马屿镇 打字录入
.
.相关文章
- .
想象中的程序员和现实中的程序员反差好大
程序员
.
-
jQuery实现仿腾讯视频列表分页效果的方法
这篇文章主要介绍了jQuery实现仿腾讯视频列表分页效果的方法,涉及jquery页面元素的运算与动态调用技巧,非常具有实用价值,需要的朋友可以参考下2015-08-08
-
js jquery做的图片连续滚动代码
有bug..点到后面的图片后,再返回 ….. 问题出现了…2008-01-01
-
jquery $.fn $.fx是什么意思有什么用
$.fn是指jquery的命名空间,加上fn上的方法及属性,会对jquery实例每一个有效,下面简单为大家介绍下jquery $.fn $.fx到底是怎么一回事2013-11-11
-
jquery实现input框获取焦点的简单实例
下面小编就为大家带来一篇jquery实现input框获取焦点的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧2017-01-01
-
jQuery插件HighCharts绘制2D柱状图、折线图的组合双轴图效果示例
这篇文章主要介绍了jQuery插件HighCharts绘制2D柱状图、折线图的组合双轴图效果,结合实例形式分析了jQuery使用HighCharts插件同时绘制柱状图、折线图的组合双轴图实现步骤与相关操作技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下2017-03-03
-
JQuery each()嵌套使用小结
这篇文章主要介绍了JQuery each()嵌套使用,非常适合初学者,需要的朋友可以参考下2014-04-04
-
基于Jquery的标签智能验证实现代码
一直在寻找最快捷方便的信息验证方法,之前自己编过JS版验证但要写很多辅助代码,经过许多次改进,还是觉得太麻烦代码还多,维护起太费尽。2010-12-12
-
jquery简单实现外部链接用新窗口打开的方法
这篇文章主要介绍了jquery简单实现外部链接用新窗口打开的方法,涉及jQuery正则匹配http://开头外部链接网址的相关技巧,需要的朋友可以参考下2015-05-05
-
jQuery获取页面元素绝对与相对位置的方法
这篇文章主要介绍了jQuery获取页面元素绝对与相对位置的方法,涉及jQuery中offset、position等方法的使用技巧,需要的朋友可以参考下2015-06-06
-
jQuery实时显示鼠标指针位置和键盘ASCII码
本文通过jquery技术实现鼠标指针位置和键盘ASCII码,非常具有参考借鉴价值,感兴趣的朋友一起学习吧2016-03-03
.
.徒步鞋
汉嘉设计
密西根州立大学
室内设计师自学
太阳穴填充后
vr虚拟现实
江丰电子
it培训机构排名
vr 虚拟现实
金贵银业
.
最新评论
版权声明:本文标题:jQuery修改CSS伪元素属性的方法_jquery_脚本之家 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://m.elefans.com/xitong/1729821265a1213972.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论