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 相关文章推荐
Firebug 字幕文件JSON地址获取代码
Oct 28 Javascript
jquery插件之信息弹出框showInfoDialog(成功/错误/警告/通知/背景遮罩)
Jan 09 Javascript
jquery实现checkbox 全选/全不选的通用写法
Feb 22 Javascript
兼容所有浏览器的js复制插件Zero使用介绍
Mar 19 Javascript
用html5 js实现点击一个按钮达到浏览器全屏效果
May 28 Javascript
javascript实现的登陆遮罩效果汇总
Nov 09 Javascript
jQuery序列化表单成对象的简单实现
Nov 29 Javascript
使用Xcache缓存器加速PHP网站的配置方法
Apr 22 Javascript
layui文件上传实现代码
May 20 Javascript
bootstrap选项卡扩展功能详解
Jun 14 Javascript
微信小程序开发之点击按钮退出小程序的实现方法
Apr 26 Javascript
JavaScript实现alert弹框效果
Nov 19 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木马webshell扫描器代码
2012/01/25 PHP
CURL的学习和应用(附多线程实现)
2013/06/03 PHP
php函数实现判断是否移动端访问
2015/03/03 PHP
php中html_entity_decode实现HTML实体转义
2018/06/13 PHP
jquery制作搜狐快站页面效果示例分享
2014/02/21 Javascript
js数值和和字符串进行转换时可以对不同进制进行操作
2014/03/05 Javascript
浅谈javascript 迭代方法
2015/01/21 Javascript
jquery中ajax处理跨域的三大方式
2016/01/05 Javascript
AngularJS使用ng-class动态增减class样式的方法示例
2017/05/18 Javascript
详解webpack性能优化——DLL
2017/10/20 Javascript
Vue.js 实现数据展示全部和收起功能
2018/09/05 Javascript
JavaScript Dom 绑定事件操作实例详解
2019/10/02 Javascript
JavaScript实现轮播图特效
2020/04/10 Javascript
git进行版本控制心得详谈
2017/12/10 Python
python2.7实现FTP文件下载功能
2018/04/15 Python
浅谈django三种缓存模式的使用及注意点
2018/09/30 Python
Python占用的内存优化教程
2019/07/28 Python
Python新手学习raise用法
2020/06/03 Python
解决使用Pandas 读取超过65536行的Excel文件问题
2020/11/10 Python
HTML5+CSS3 实现灵动的动画 TAB 切换效果(DEMO)
2017/09/15 HTML / CSS
新浪网技术部笔试题
2016/08/26 面试题
设置器与访问器的定义以及各自特点
2016/01/08 面试题
作弊检讨书1000字
2014/02/01 职场文书
材料工程专业毕业生求职信
2014/03/04 职场文书
委托公证书
2014/04/08 职场文书
路政管理求职信
2014/06/18 职场文书
2014年乡镇领导个人整改措施
2014/09/19 职场文书
酒店销售经理岗位职责
2015/04/02 职场文书
甲午风云观后感
2015/06/02 职场文书
赢在中国观后感
2015/06/02 职场文书
2019年年中工作总结讲话稿模板
2019/03/25 职场文书
创业计划书之淘宝网店
2019/10/08 职场文书
MySQL基础(二)
2021/04/05 MySQL
用Python提取PDF表格的方法
2021/04/11 Python
教你如何使用Python实现二叉树结构及三种遍历
2021/06/18 Python
什么是Python装饰器?如何定义和使用?
2022/04/11 Python