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 相关文章推荐
jQuery父级以及同级元素查找介绍
Sep 04 Javascript
JavaScript删除数组元素的方法
Mar 20 Javascript
JS获取子窗口中返回的数据实现方法
May 28 Javascript
ECMAScript6轮播图实践知识总结
Aug 17 Javascript
es6的数字处理的方法(5个)
Mar 16 Javascript
JavaScript实现购物车基本功能
Jul 21 Javascript
Vue.js组件间的循环引用方法示例
Dec 27 Javascript
vue select组件的使用与禁用实现代码
Apr 10 Javascript
10个最受欢迎的 JavaScript框架(推荐)
Apr 24 Javascript
封装一下vue中的axios示例代码详解
Feb 16 Javascript
ES6 async、await的基本使用方法示例
Jun 06 Javascript
基于Web Audio API实现音频可视化效果
Jun 12 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
apache2.2.4+mysql5.0.77+php5.2.8安装精简
2009/04/29 PHP
php面向对象全攻略 (十四) php5接口技术
2009/09/30 PHP
php图片上传存储源码并且可以预览
2011/08/26 PHP
jQuery 阴影插件代码分享
2012/01/09 Javascript
javascript面向对象包装类Class封装类库剖析
2013/01/24 Javascript
js设置文本框中焦点位置在最后的示例代码(简单实用)
2014/03/04 Javascript
jQuery和AngularJS的区别浅析
2015/01/29 Javascript
js兼容pc端浏览器并有多种弹出小提示的手机端浮层控件实例
2015/04/29 Javascript
Node.js刷新session过期时间的实现方法推荐
2016/05/18 Javascript
一览画面点击复选框后获取多个id值的方法
2016/05/30 Javascript
js以分隔符分隔数组中的元素并转换为字符串的方法
2016/11/16 Javascript
Vim快速合并行及vim 将文件所有行合并到一行
2017/11/27 Javascript
ionic3实战教程之随机布局瀑布流的实现方法
2017/12/28 Javascript
Puppeteer 爬取动态生成的网页实战
2018/11/14 Javascript
layui实现form表单同时提交数据和文件的代码
2019/10/25 Javascript
JS实现随机抽取三人
2019/11/06 Javascript
详解ES6中class的实现原理
2020/10/03 Javascript
[04:49]期待西雅图之战 2016国际邀请赛中国区预选赛WINGS战队赛后采访
2016/06/29 DOTA
python中的字典详细介绍
2014/09/18 Python
python映射列表实例分析
2015/01/26 Python
Python实现配置文件备份的方法
2015/07/30 Python
python UNIX_TIMESTAMP时间处理方法分析
2016/04/18 Python
Python随机生成均匀分布在单位圆内的点代码示例
2017/11/13 Python
python进行OpenCV实战之画图(直线、矩形、圆形)
2020/08/27 Python
Python列表的深复制和浅复制示例详解
2021/02/12 Python
你正在寻找的CSS3 动画技术
2011/07/27 HTML / CSS
HTML5触摸事件(touchstart、touchmove和touchend)的实现
2020/05/08 HTML / CSS
施华洛世奇德国官网:SWAROVSKI德国
2017/02/01 全球购物
英国自行车商店:AW Cycles
2021/02/24 全球购物
会计电算化大学生职业规划书
2014/02/05 职场文书
大学军训感言400字
2014/03/11 职场文书
暑假社会实践心得体会
2014/09/02 职场文书
戒赌保证书
2015/05/11 职场文书
单身证明格式样本
2015/06/15 职场文书
2016会计专业自荐信范文
2016/01/28 职场文书
Python 语言实现六大查找算法
2021/06/30 Python