jQuery 中 CSS() 方法用于获取元素的 CSS 属性或者给元素添加 CSS 样式, CSS 中设置按钮不可点击可以使用 pointer-events 属性. 下面, 我们就介绍下使用 jQuery 的 CSS 方法来禁用按钮的实现方式.
CSS() 方法: 用于获取元素的 CSS 样式, 或者设置元素的 CSS 样式.
pointer-events 属性: 设置或检索在何时成为属性事件的 target.
auto: 与 pointer-events 属性未指定时的表现效果相同. 在 svg 内容上与 visiblepainted 值相同
none: 元素永远不会成为鼠标事件的 target. 但是, 当其后代元素的 pointer-events 属性指定其他值时, 鼠标事件可以指向后代元素, 在这种情况下, 鼠标事件将在捕获或冒泡阶触发父元素的事件侦听器.
实现方式:
$('#btn').CSS('pointer-events', 'none');
效果:
被禁用的按钮
来源: http://www.css88.com/qa/jquery/15742.html