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提交form表单时禁止重复提交的方法
Feb 13 Javascript
javascript获取浏览器类型和版本的方法(js获取浏览器版本)
Mar 13 Javascript
详解JavaScript ES6中的Generator
Jul 28 Javascript
vue.js实现表格合并示例代码
Nov 30 Javascript
jQuery实现弹幕效果
Feb 17 Javascript
Linux使用Node.js建立访问静态网页的服务实例详解
Mar 21 Javascript
javascript中join方法实例讲解
Feb 21 Javascript
Vue 理解之白话 getter/setter详解
Apr 16 Javascript
vue实现搜索过滤效果
May 28 Javascript
vue下使用nginx刷新页面404的问题解决
Aug 02 Javascript
JS实现水平遍历和嵌套递归操作示例
Aug 15 Javascript
Vue组件为什么data必须是一个函数
Jun 11 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
详解js异步文件加载器
2016/01/24 PHP
php mysql procedure实现获取多个结果集的方法【基于thinkPHP】
2016/11/09 PHP
PHP通过引用传递参数用法分析
2016/12/01 PHP
HR vs CL BO3 第二场 2.13
2021/03/10 DOTA
js中关于String对象的replace使用详解
2011/05/24 Javascript
基于JavaScript实现继承机制之构造函数方法对象冒充的使用详解
2013/05/07 Javascript
Jquery+asp.net后台数据传到前台js进行解析的方法
2014/05/11 Javascript
Javascript学习笔记之相等符号与严格相等符号
2014/11/23 Javascript
javascript父子页面通讯实例详解
2015/07/17 Javascript
JavaScript SHA512&SHA256加密算法详解
2015/08/11 Javascript
JQuery的Pager分页器实现代码
2016/05/03 Javascript
JS动态给对象添加事件的简单方法
2016/07/19 Javascript
AngularJS基础 ng-repeat 指令简单示例
2016/08/03 Javascript
jQuery动态操作表单示例【基于table表格】
2018/12/06 jQuery
详解Vue demo实现商品列表的展示
2019/05/07 Javascript
详解nvm管理多版本node踩坑
2019/07/26 Javascript
JS面向对象编程基础篇(一) 对象和构造函数实例详解
2020/03/03 Javascript
jQuery实现中奖播报功能(让文本滚动起来) 简单设置数值即可
2020/03/20 jQuery
浅谈React中组件逻辑复用的那些事儿
2020/05/21 Javascript
解决vue无法侦听数组及对象属性的变化问题
2020/07/17 Javascript
[05:13]TI4 中国战队 机场出征!!
2014/07/07 DOTA
python获取网页状态码示例
2014/03/30 Python
在Python中关于中文编码问题的处理建议
2015/04/08 Python
详解python时间模块中的datetime模块
2016/01/13 Python
Python的socket模块源码中的一些实现要点分析
2016/06/06 Python
Python实现的简单模板引擎功能示例
2017/09/02 Python
python代码实现ID3决策树算法
2017/12/20 Python
python全局变量引用与修改过程解析
2020/01/07 Python
Python Pandas 对列/行进行选择,增加,删除操作
2020/05/17 Python
python框架flask入门之环境搭建及开启调试
2020/06/07 Python
python raise的基本使用
2020/09/10 Python
Python常用扩展插件使用教程解析
2020/11/02 Python
你懂得怎么写自荐信吗?
2013/12/27 职场文书
预备党员入党自我评价范文
2014/03/10 职场文书
2015年师德师风自我评价范文
2015/03/05 职场文书
毕业生爱心捐书倡议书
2015/04/27 职场文书