分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

JQuery 选择某个td中第二个a标签 控制特殊样式

发布时间:2023-09-06 02:25责任编辑:苏小强关键词:暂无标签

a标签没有disabled属性,那么当我们想禁用a标签的点击事件的时候按照下面方法设置。

下面是html代码:

<a id="entry” ?class="entry">进入</a>

js代码如下:

$(“#entry”).attr("disabled",true);$("#entry").css("pointer-events","none");


这样就可以将a标签设成不可点击状态了。不过虽然是不可点击状态,当a标签任然是蓝色,所以要人为的给他添加上灰色字体。


下面讲讲 pointer-events 属性:

值为auto的时候:效果和没有定义pointer-events属性相同;鼠标不会穿透当前层。在SVG中,该值和visiblePainted的效果相同。

值为none的时候:元素不在是鼠标事件的目标,鼠标不在监听当前层而去监听下面的层中的元素。但是如果他的子元素设置了

pointer-events为其他值,如auto,鼠标还是会监听这个子元素的。


总的来说,这个属性能让标签disabled;某个元素添加了onclick事件,能让onclick失效。

浏览器兼容性:

firefox 3.6+ chrom 2.0+ safari 4.0+支持这个css3属性,IE6/7/8/9不支持,11支持。

实例:

//最后一个td的第二个a标签,不可点击$(this).find("td:last a").eq(‘1‘).attr("disabled",true);$(this).find("td:last a").eq(‘1‘).css("pointer-events","none");$(this).find("td:last a").eq(‘1‘).css("color","#ccc"); ?????

JQuery 选择某个td中第二个a标签 控制特殊样式

原文地址:https://www.cnblogs.com/dyhao/p/10084381.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved