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使用手册之二 DOM操作
Mar 24 Javascript
JS实现仿google、百度搜索框输入信息智能提示的实现方法
Apr 20 Javascript
《JavaScript函数式编程》读后感
Aug 07 Javascript
Javascript封装id、class与元素选择器方法示例
Mar 13 Javascript
学习使用Bootstrap输入框、导航、分页等常用组件
May 11 Javascript
AngularJS 表单验证手机号的实例(非必填)
Nov 12 Javascript
js动态添加表格逐行添加、删除、遍历取值的实例代码
Jan 25 Javascript
解决vue打包项目后刷新404的问题
Mar 06 Javascript
在 Vue 项目中引入 tinymce 富文本编辑器的完整代码
May 04 Javascript
vue-for循环嵌套操作示例
Jan 28 Javascript
微信小程序加载机制及运行机制图解
Nov 27 Javascript
elementui实现预览图片组件二次封装
Dec 29 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 mail 通过Windows的SMTP发送邮件失败的解决方案
2009/05/27 PHP
php学习之数据类型之间的转换介绍
2011/06/09 PHP
PHP中的命名空间相关概念浅析
2015/01/22 PHP
php计算title标题相似比的方法
2015/07/29 PHP
在laravel框架中实现封装公共方法全局调用
2019/10/14 PHP
博客侧边栏模块跟随滚动条滑动固定效果的实现方法(js+jquery等)
2013/03/24 Javascript
JS+CSS模拟可以无刷新显示内容的留言板实例
2015/03/03 Javascript
AngularJS上拉加载问题解决方法
2016/05/23 Javascript
深入理解jQuery layui分页控件的使用
2016/08/17 Javascript
JavaScript 中 avalon绑定属性总结
2016/10/19 Javascript
vue 2.0路由之路由嵌套示例详解
2017/05/08 Javascript
理解 javascript 中的函数表达式与函数声明
2017/07/07 Javascript
浅谈react前后端同构渲染
2017/09/20 Javascript
three.js实现3D模型展示的示例代码
2017/12/31 Javascript
实例解析Vue.js下载方式及基本概念
2018/05/11 Javascript
MVVM 双向绑定的实现代码
2018/06/21 Javascript
animate.css在vue项目中的使用教程
2018/08/05 Javascript
javascript实现导航栏分页效果
2019/06/27 Javascript
简单介绍Python中的filter和lambda函数的使用
2015/04/07 Python
使用Django启动命令行及执行脚本的方法
2018/05/29 Python
将string类型的数据类型转换为spark rdd时报错的解决方法
2019/02/18 Python
如何基于Python实现自动扫雷
2020/01/06 Python
使用python自动追踪你的快递(物流推送邮箱)
2020/03/17 Python
Python 实现键盘鼠标按键模拟
2020/11/18 Python
CSS3教程(10):CSS3 HSL声明设置颜色
2009/04/02 HTML / CSS
加拿大鞋网:Globo Shoes
2019/12/26 全球购物
SQL Server 2000数据库的文件有哪些,分别进行描述
2013/03/30 面试题
山海经纬软件测试笔试题和面试题
2013/04/02 面试题
爱与责任演讲稿
2014/05/20 职场文书
寒假安全保证书
2015/02/28 职场文书
医德医风自我评价2015
2015/03/03 职场文书
电信营业员岗位职责
2015/04/14 职场文书
子女赡养老人协议书
2016/03/23 职场文书
详解vue中v-for的key唯一性
2021/05/15 Vue.js
详细聊聊MySQL中慢SQL优化的方向
2021/08/30 MySQL
IDEA2021.2配置docker如何将springboot项目打成镜像一键发布部署
2021/09/25 Java/Android