jquery属性选择器not has怎么写 行悬停高亮显示


Posted in Javascript onNovember 13, 2013
$(function(){ 
/* 
//$("html body div table.table_list tbody tr").not(":has('td a img[src*=tj.gif]')").mouseover(function(){ 
$("html body div table.table_list tbody tr:not(':has('td a img[src*=tj.gif]')')").mouseover(function(){ 
//alert($(this)[0].style.backgroundColor); 
$(this).css("backgroundColor","66CCFF");// "red" "#f8fbfd" 
$(this).mouseout(function(){ 
$(this).css("backgroundColor","");//$(this)[0].style.backgroundColor=""; 
}); 
}); 
*/ 
var tr2=$("table.table_list tr:not(':has('td a img[src*=tj.gif]')')"); 
tr2.mouseover(function(){ 
$(this).css("backgroundColor","66CCFF"); 
}) 
tr2.mouseout(function(){ 
$(this).css("backgroundColor",""); 
}) 
})

上面代码 让一个table中没有 提交 图片的行悬停时都高亮

我先在bbs上提问: 点击打开链接

答案不满意 最后索性学一学 锋利的jquery 在附录速查手册 里找到这个 *= 和!= 分别表示包含和不包含。

这行

var tr2=$("table.table_list tr:not(':has('td a img[src*=tj.gif]')')");

not里面又可以放一个函数has 因为是要tr变色不是要img变色 所以不能用tr td a img[src!=tj.gif] 注意都要引号 问题:有三层引号 怎么办?还是单引号?

问题又来了tj.gif没打引号怎么也可以?

[src*=tj.gif

意思是src属性中包含tj.gif字符串的?

所有的也可以这样写:

var tr2=$("table.table_list tr").not(':has('td a img[src*=tj.gif]')');

所以我怀疑 选择器 里的 : 代表调用选择器。

下载:解压后找 main1/caiji/task_send.html即是。

Javascript 相关文章推荐
javascript在子页面中函数无法调试问题解决方法
Jan 17 Javascript
使用js获取图片原始尺寸
Dec 03 Javascript
ECMAScript 6即将带给我们新的数组操作方法前瞻
Jan 06 Javascript
jquery插件bxslider用法实例分析
Apr 16 Javascript
js实现的星星评分功能函数
Dec 09 Javascript
JavaScript之生成器_动力节点Java学院整理
Jun 30 Javascript
微信小程序实现单列下拉菜单效果
Apr 25 Javascript
Vue开发之封装上传文件组件与用法示例
Apr 25 Javascript
小程序如何使用分包加载的实现方法
May 22 Javascript
微信小程序转发事件实现解析
Oct 22 Javascript
浅析webpack-bundle-analyzer在vue-cli3中的使用
Oct 23 Javascript
JavaScript进制转换实现方法解析
Jan 18 Javascript
jquery validate在ie8下的bug解决方法
Nov 13 #Javascript
JQuery伸缩导航练习示例
Nov 13 #Javascript
JS:window.onload的使用介绍
Nov 13 #Javascript
JQuery each打印JS对象的方法
Nov 13 #Javascript
Jquery 数组操作大全个人总结
Nov 13 #Javascript
JS保存和删除cookie操作 判断cookie是否存在
Nov 13 #Javascript
js 判断上传文件大小及格式代码
Nov 13 #Javascript
You might like
php文件上传的例子及参数详解
2013/12/12 PHP
从jQuery.camelCase()学习string.replace() 函数学习
2011/09/13 Javascript
深入理解JavaScript系列(8) S.O.L.I.D五大原则之里氏替换原则LSP
2012/01/15 Javascript
jquery插件制作教程 txtHover
2012/08/17 Javascript
showModalDialog模态对话框的使用详解以及浏览器兼容
2014/01/11 Javascript
Jquery方式获取iframe页面中的 Dom元素
2014/05/07 Javascript
IE6浏览器中window.location.href无效的解决方法
2014/11/20 Javascript
JS实现在页面随时自定义背景颜色的方法
2015/02/27 Javascript
jQuery中prepend()方法使用详解
2015/08/11 Javascript
纯JavaScript基于notie.js插件实现消息提示特效
2016/01/18 Javascript
jQuery实现的简单分页示例
2016/06/01 Javascript
JS实现给对象动态添加属性的方法
2017/01/05 Javascript
layer弹窗插件操作方法详解
2017/05/19 Javascript
详解vuejs几种不同组件(页面)间传值的方式
2017/06/01 Javascript
React中上传图片到七牛的示例代码
2017/10/10 Javascript
Vue全局loading及错误提示的思路与实现
2019/08/09 Javascript
websocket4.0+typescript 实现热更新的方法
2019/08/14 Javascript
js图数据结构处理 迪杰斯特拉算法代码实例
2019/09/11 Javascript
PHP魔术方法__ISSET、__UNSET使用实例
2014/11/25 Python
用Python实现web端用户登录和注册功能的教程
2015/04/30 Python
Python标准库06之子进程 (subprocess包) 详解
2016/12/07 Python
便捷提取python导入包的属性方法
2018/10/15 Python
python中实现控制小数点位数的方法
2019/01/24 Python
一行Python代码制作动态二维码的实现
2019/09/09 Python
Python 2种方法求某个范围内的所有素数(质数)
2020/01/31 Python
如何在python中实现线性回归
2020/08/10 Python
英国虚拟主机服务商:eUKhost
2016/08/16 全球购物
Java多态性的定义以及类型
2014/09/16 面试题
链表面试题-一个链表的结点结构
2015/05/04 面试题
介绍一下ICMP(Internet Control Message Protocol)Internet控制信息协议
2016/11/26 面试题
教你打造完美的创业计划书
2014/01/06 职场文书
个人贷款承诺书
2014/03/28 职场文书
无刑事犯罪记录证明范本
2014/09/29 职场文书
企业务虚会发言材料
2014/10/20 职场文书
2014年大学宣传部工作总结
2014/12/19 职场文书
呼啸山庄读书笔记
2015/06/29 职场文书