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 相关文章推荐
一个对于Array的简单扩展
Oct 03 Javascript
window.open被浏览器拦截后的自定义提示效果代码
Nov 19 Javascript
让页面上两个div中的滚动条(滑块)同步运动示例
Aug 07 Javascript
jQuery.fn和jQuery.prototype区别介绍
Oct 05 Javascript
javascript+html5实现仿flash滚动播放图片的方法
Apr 27 Javascript
jquery实现鼠标滑过显示二级下拉菜单效果
Aug 24 Javascript
JavaScript与JQUERY获取元素的宽、高和位置
Feb 26 Javascript
Vue实现virtual-dom的原理简析
Jul 10 Javascript
js实现方块上下左右移动效果
Aug 17 Javascript
vuex直接赋值的三种方法总结
Sep 16 Javascript
微信小程序实现侧边栏分类
Oct 21 Javascript
返回上一个url并刷新界面的js代码
Sep 12 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
Home Coffee Roasting
2021/03/03 咖啡文化
php抓即时股票信息
2006/10/09 PHP
并发下常见的加锁及锁的PHP具体实现代码
2010/10/12 PHP
php中在PDO中使用事务(Transaction)
2011/05/14 PHP
CodeIgniter配置之autoload.php自动加载用法分析
2016/01/20 PHP
javascript动态改变img的src属性图片不显示的解决方法
2010/10/20 Javascript
基于jquery 的一个progressbar widge
2010/10/29 Javascript
javaScript arguments 对象使用介绍
2013/10/18 Javascript
用jquery仿做发微博功能示例
2014/04/18 Javascript
nodejs之请求路由概述
2014/07/05 NodeJs
使用jQueryMobile实现滑动翻页效果的方法
2015/02/04 Javascript
深入理解JavaScript系列(39):设计模式之适配器模式详解
2015/03/04 Javascript
详解JavaScript逻辑Not运算符
2015/12/04 Javascript
基于JavaScript实现瀑布流效果(循环渐近)
2016/01/27 Javascript
基于JavaScript实现前端文件的断点续传
2016/10/17 Javascript
JavaScript数据结构之二叉树的遍历算法示例
2017/04/13 Javascript
Vue实例中生命周期created和mounted的区别详解
2017/08/25 Javascript
Vue EventBus自定义组件事件传递
2018/06/25 Javascript
JS实现移动端双指缩放和旋转方法
2019/12/13 Javascript
vue css 引入asstes中的图片无法显示的四种解决方法
2020/03/16 Javascript
在Python的框架中为MySQL实现restful接口的教程
2015/04/08 Python
python  创建一个保留重复值的列表的补码
2018/10/15 Python
Python依赖包整体迁移方法详解
2019/08/15 Python
Python使用random模块生成随机数操作实例详解
2019/09/17 Python
详解python内置常用高阶函数(列出了5个常用的)
2020/02/21 Python
python实现同一局域网下传输图片
2020/03/20 Python
Eastbay官网:美国最大的运动鞋网络零售商
2016/07/27 全球购物
个性化皮包、小袋、生活配件:Mon Purse
2019/03/26 全球购物
体育教师自荐信范文
2013/12/16 职场文书
社区工作者先进事迹
2014/01/18 职场文书
中职招生先进个人材料
2014/08/31 职场文书
微笑面对生活演讲稿
2014/09/23 职场文书
2014年社区民政工作总结
2014/12/02 职场文书
幼儿园个人师德总结
2015/02/06 职场文书
自我推荐信怎么写
2015/03/24 职场文书
MySQL批量更新不同表中的数据
2022/05/11 MySQL