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 基础问答三
Dec 03 Javascript
再谈ie和firefox下的document.all属性
Oct 21 Javascript
可在线编辑网页文字效果代码(单击)
Mar 02 Javascript
javascript中String对象的slice()方法分析
Dec 20 Javascript
JS实现一个简单的日历
Feb 22 Javascript
vue 本地服务不能被外部IP访问的完美解决方法
Oct 29 Javascript
微信小程序上线发布流程图文详解
May 06 Javascript
js中的深浅拷贝问题简析
May 10 Javascript
bootstrap-treeview实现多级树形菜单 后台JSON格式如何组织?
Jul 26 Javascript
Vue+Node实现的商城用户管理功能示例
Dec 23 Javascript
JS FormData对象使用方法实例详解
Feb 12 Javascript
Javascript中的奇葩知识,你知道吗?
Jan 25 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代码
2007/03/03 PHP
WordPress的主题编写中获取头部模板和底部模板
2015/12/28 PHP
PHP简单获取网站百度搜索和搜狗搜索收录量的方法
2016/08/23 PHP
利用PHP判断是否是连乘数字串的方法示例
2017/07/03 PHP
改变隐藏的input中value值的方法
2014/03/19 Javascript
JavaScript实现向setTimeout执行代码传递参数的方法
2015/04/16 Javascript
javascript实现10个球随机运动、碰撞实例详解
2015/07/08 Javascript
jQuery实现平滑滚动的标签分栏切换效果
2015/08/28 Javascript
Bootstrap CSS组件之导航条(navbar)
2016/12/17 Javascript
jQuery延迟执行的实现方法
2016/12/21 Javascript
浅谈jquery拼接字符串效率比较高的方法
2017/02/22 Javascript
AngularJS中的拦截器实例详解
2017/04/07 Javascript
jQuery操作之效果详解
2017/05/19 jQuery
使用cookie绕过验证码登录的实现代码
2017/10/12 Javascript
Vue中在新窗口打开页面及Vue-router的使用
2018/06/13 Javascript
Babel 入门教程学习笔记
2018/06/13 Javascript
微信小程序实现运动步数排行功能(可删除)
2018/07/05 Javascript
vue缓存的keepalive页面刷新数据的方法
2019/04/23 Javascript
vue 实现LED数字时钟效果(开箱即用)
2019/12/08 Javascript
微信小程序接入腾讯云验证码的方法步骤
2020/01/07 Javascript
利用Python自动监控网站并发送邮件告警的方法
2016/08/24 Python
python3 发送任意文件邮件的实例
2018/01/23 Python
python看某个模块的版本方法
2018/10/16 Python
python super函数使用方法详解
2020/02/14 Python
Python Socket多线程并发原理及实现
2020/12/11 Python
CSS3 选择器 伪类选择器介绍
2012/01/21 HTML / CSS
Ibood荷兰:互联网每日最佳在线优惠
2019/02/28 全球购物
Ootori在线按摩椅店:一家专业的按摩椅制造商
2019/04/10 全球购物
华为慧通面试题
2012/09/11 面试题
iostream与iostream.h的区别
2015/01/16 面试题
桥梁工程专业求职信
2014/04/21 职场文书
小学英语课后反思
2014/04/26 职场文书
预备党员群众路线思想汇报2014
2014/10/25 职场文书
单方投资意向书
2015/05/11 职场文书
一篇文章弄懂Python关键字、标识符和变量
2021/07/15 Python
Spring Boot接口定义和全局异常统一处理
2022/04/20 Java/Android