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 相关文章推荐
可缩放Reloaded-一个针对可缩放元素的复用组件
Mar 10 Javascript
web页面数据展示新想法(json)
Jun 08 Javascript
网页整体变灰白色(兼容各浏览器)实例
Apr 21 Javascript
让网页跳转到指定位置的jquery代码非书签
Sep 06 Javascript
node.js中的buffer.copy方法使用说明
Dec 14 Javascript
Bootstrap下拉菜单效果实例代码分享
Jun 30 Javascript
js实现带进度条提示的多视频上传功能
Dec 13 Javascript
微信小程序实现自定义picker选择器弹窗内容
May 26 Javascript
JS 中可以提升幸福度的小技巧(可以识别更多另类写法)
Jul 28 Javascript
微信小程序下拉加载和上拉刷新两种实现方法详解
Sep 05 Javascript
Electron 调用命令行(cmd)
Sep 23 Javascript
vue移动端使用appClound拉起支付宝支付的实现方法
Nov 21 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
自制短波长线天线频率预选器 - 成功消除B2K之流的镜像
2021/03/02 无线电
简体中文转换为繁体中文的PHP函数
2006/10/09 PHP
解决了Ajax、MySQL 和 Zend Framework 的乱码问题
2009/03/03 PHP
phpmail类发送邮件函数代码
2012/02/20 PHP
微信自定义分享php代码分析
2016/11/24 PHP
jQuery中live()方法用法实例
2015/01/19 Javascript
浅析AngularJS Filter用法
2015/12/28 Javascript
JavaScript中的原始值和复杂值
2016/01/07 Javascript
AngularJS控制器之间的数据共享及通信详解
2016/08/01 Javascript
js实现文字超出部分用省略号代替实例代码
2016/09/01 Javascript
JS日程管理插件FullCalendar简单实例
2017/02/07 Javascript
js防刷新的倒计时代码 js倒计时代码
2017/09/06 Javascript
动态统计当前输入内容的字节、字符数的实例详解
2017/10/27 Javascript
JavaScript定义及输出螺旋矩阵的方法详解
2017/12/01 Javascript
深入理解JavaScript 中的执行上下文和执行栈
2018/10/23 Javascript
CKEditor 4.4.1 添加代码高亮显示插件功能教程【使用官方推荐Code Snippet插件】
2019/06/14 Javascript
在layui中对table中的数据进行判断(0、1)转换为提示信息的方法
2019/09/28 Javascript
VueCli4项目配置反向代理proxy的方法步骤
2020/05/17 Javascript
jquery轮播图插件使用方法详解
2020/07/31 jQuery
Python中实现常量(Const)功能
2015/01/28 Python
python爬取NUS-WIDE数据库图片
2016/10/05 Python
Python存取XML的常见方法实例分析
2017/03/21 Python
Python实现获取nginx服务器ip及流量统计信息功能示例
2018/05/18 Python
Python实现监控Nginx配置文件的不同并发送邮件报警功能示例
2019/02/26 Python
Python之虚拟环境virtualenv,pipreqs生成项目依赖第三方包的方法
2019/07/23 Python
Python简易版图书管理系统
2019/08/12 Python
CSS3 filter(滤镜)实现网页灰色或者黑色模式的示例代码
2021/02/24 HTML / CSS
HTML5 Canvas的性能提高技巧经验分享
2013/07/02 HTML / CSS
.NET初级开发工程师面试题(包括Javascript)
2012/08/22 面试题
办公室秘书自我鉴定
2014/01/18 职场文书
夜不归宿检讨书
2014/02/25 职场文书
节能环保口号
2014/06/12 职场文书
领导班子四风表现材料
2014/08/23 职场文书
出国留学单位推荐信
2015/03/26 职场文书
HTML+CSS实现导航条下拉菜单的示例代码
2021/08/02 HTML / CSS
IDEA2021.2配置docker如何将springboot项目打成镜像一键发布部署
2021/09/25 Java/Android