jquery如何使用css方法让按钮不可点击


本文摘自PHP中文网,作者coldplay.xixi,侵删。

jquery使用css方法让按钮不可点击的方法:使用css方法用于获取元素的css样式,或者设置元素的css样式,代码为【$('#btn').css('pointer-events', 'none');】。

本教程操作环境:windows7系统、jquery3.2.1&&css3版本,DELL G3电脑,该方法适用于所有品牌电脑。

推荐:jquery视频教程

jquery使用css方法让按钮不可点击的方法:

css()方法:用于获取元素的css样式,或者设置元素的css样式。

  • pointer-events属性:设置或检索在何时成为属性事件的target。

  • auto:与pointer-events属性未指定时的表现效果相同。在svg内容上与visiblepainted值相同

  • none:元素永远不会成为鼠标事件的target。但是,当其后代元素的pointer-events属性指定其他值时,鼠标事件可以指向后代元素,在这种情况下,鼠标事件将在捕获或冒泡阶触发父元素的事件侦听器。

实现方式:

1

$('#btn').css('pointer-events', 'none');

效果:

9da61d3c7a51fe9b8ad2de648fb7cac.png

相关免费学习推荐:javascript(视频)

以上就是jquery如何使用css方法让按钮不可点击的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

css中z-index是什么意思?

html5的classlist属性操作css类的使用详解

css中tag是什么意思

jQuery如何使用css方法让按钮不可点击

css如何实现下划线滑动效果

css column-count属性怎么用

jQuery如何获取class的值

jQuery和react的区别是什么?

css 绝对定位是什么

jQuery如何设置按钮灰色不可用

更多相关阅读请进入《jQuery》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...