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 相关文章推荐
js继承 Base类的源码解析
Dec 30 Javascript
js图片延迟加载的实现方法及思路
Jul 22 Javascript
jquery操作复选框(checkbox)的12个小技巧总结
Feb 04 Javascript
jquery实现当滑动到一定位置时固定效果
Jun 17 Javascript
浅谈JS中的三种字符串连接方式及其性能比较
Sep 02 Javascript
Bootstrap table使用方法详细介绍
Dec 09 Javascript
jQuery zTree树插件简单使用教程
Jan 10 Javascript
Node.js中的http请求客户端示例(request client)
May 04 Javascript
浅谈Vuex@2.3.0 中的 state 支持函数申明
Nov 22 Javascript
剖析Angular Component的源码示例
Mar 23 Javascript
react-native滑动吸顶效果的实现过程
Jun 03 Javascript
Node.js控制台彩色输出的方法与原理实例详解
Dec 01 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 zlib扩展实现页面GZIP压缩输出
2010/06/17 PHP
匹配csdn用户数据库与官方用户的重合度并将重叠部分的用户筛选出来
2011/12/25 PHP
ThinkPHP单字母函数(快捷方法)使用总结
2014/07/23 PHP
PHP反射机制用法实例
2014/08/28 PHP
ThinkPHP内置jsonRPC的缺陷分析
2014/12/18 PHP
使用onbeforeunload属性后的副作用
2007/03/08 Javascript
Javascript 调试利器 Firebug使用详解六
2009/07/05 Javascript
ExtJs 表单提交登陆实现代码
2010/08/19 Javascript
JavaScript arguments 多参传值函数
2010/10/24 Javascript
jQuery 插件仿百度搜索框智能提示(带Value值)
2013/01/22 Javascript
ajax如何实现页面局部跳转与结果返回
2015/08/24 Javascript
nodejs 的 session 简单使用
2016/06/06 NodeJs
vue.js+boostrap项目实践(案例详解)
2016/09/21 Javascript
JSON 必知必会 观后记
2016/10/27 Javascript
MUI 解决动态列表页图片懒加载再次加载不成功的bug问题
2017/04/13 Javascript
彻底弄懂 JavaScript 执行机制
2018/10/23 Javascript
vue v-for循环重复数据无法添加问题解决方法【加track-by='索引'】
2019/03/15 Javascript
javascript+HTML5 canvas绘制时钟功能示例
2019/05/15 Javascript
[02:47]3.19DOTA2发布会 国服成长历程回顾
2014/03/25 DOTA
[06:44]2014DOTA2国际邀请赛-钥匙体育馆开战 开幕式振奋人心
2014/07/19 DOTA
利用python获得时间的实例说明
2013/03/25 Python
详解Python3中字符串中的数字提取方法
2017/01/14 Python
python实现微信跳一跳辅助工具步骤详解
2018/01/04 Python
python 多线程重启方法
2019/02/18 Python
利用Python绘制Jazz网络图的例子
2019/11/21 Python
用OpenCV将视频分解成单帧图片,图片合成视频示例
2019/12/10 Python
Python tempfile模块生成临时文件和临时目录
2020/09/30 Python
Django基于Models定制Admin后台实现过程解析
2020/11/11 Python
Melijoe美国官网:法国奢侈童装购物网站
2017/04/19 全球购物
Opodo英国旅游网站:预订廉价航班、酒店和汽车租赁
2018/07/14 全球购物
学校组织向国旗敬礼活动方案(中小学适用)
2014/09/27 职场文书
政风行风评议个人心得体会
2014/10/29 职场文书
故意伤害人身损害赔偿协议书
2014/11/19 职场文书
法定代表人资格证明书
2015/06/18 职场文书
2019年七夕情人节浪漫祝福语大全!
2019/08/08 职场文书
通过T-SQL语句创建游标与实现数据库加解密功能
2022/03/16 SQL Server