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 相关文章推荐
幻灯片带网页设计中的20个奇妙应用示例小结
May 27 Javascript
Android中的jQuery:AQuery简介
May 06 Javascript
JSON取值前判断
Dec 23 Javascript
在JS方法中返回多个值的方法汇总
May 20 Javascript
JavaScript中字符串(string)转json的2种方法
Jun 25 Javascript
JQuery PHP图片在线裁剪实例
Jul 27 Javascript
AngularJS使用ng-app自动加载bootstrap框架问题分析
Jan 04 Javascript
vue如何在自定义组件中使用v-model
May 14 Javascript
jQuery实现table表格信息的展开和缩小功能示例
Jul 21 jQuery
深入浅出理解JavaScript高级定时器原理与用法
Aug 02 Javascript
微信小程序webview与h5通过postMessage实现实时通讯的实现
Aug 20 Javascript
JavaScript中this函数使用实例解析
Feb 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
用ODBC的分页显示
2006/10/09 PHP
PHP 多维数组的排序问题 根据二维数组中某个项排序
2011/11/09 PHP
浅析php中如何在有限的内存中读取大文件
2013/07/02 PHP
服务器变量 $_SERVER 的深入解析
2013/07/02 PHP
php有效防止图片盗用、盗链的两种方法
2016/11/01 PHP
浅谈PHP的exec()函数无返回值排查方法(必看)
2017/03/31 PHP
PHP 99乘法表的几种实现代码
2020/10/13 PHP
File文件控件,选中文件(图片,flash,视频)即立即预览显示
2009/04/09 Javascript
Ubuntu 11.10 安装Node.js的方法
2011/11/30 Javascript
JavaScript中按位“异或”运算符使用介绍
2014/03/14 Javascript
jQuery中:only-child选择器用法实例
2015/01/03 Javascript
浅谈jquery的map()和each()方法
2016/06/12 Javascript
分享ES6的7个实用技巧
2018/01/18 Javascript
vue短信验证性能优化如何写入localstorage中
2018/04/25 Javascript
Vue在页面数据渲染完成之后的调用方法
2018/09/11 Javascript
详解webpack打包nodejs项目(前端代码)
2018/09/19 NodeJs
微信二次分享报错invalid signature问题及解决方法
2019/04/01 Javascript
微信小程序实现多选框全选与反全选及购物车中删除选中的商品功能
2019/12/17 Javascript
简单了解vue 插值表达式Mustache
2020/07/22 Javascript
Python使用Scrapy爬取妹子图
2015/05/28 Python
Django查找网站项目根目录和对正则表达式的支持
2015/07/15 Python
python二进制文件的转译详解
2019/07/03 Python
Flask框架中request、请求钩子、上下文用法分析
2019/07/23 Python
PyCharm使用Docker镜像搭建Python开发环境
2019/12/26 Python
Python换行与不换行的输出实例
2020/02/19 Python
keras 自定义loss层+接受输入实例
2020/06/28 Python
阿迪达斯印尼官方网站:adidas印尼
2020/02/10 全球购物
关于礼仪的演讲稿
2014/01/04 职场文书
小学信息技术教学反思
2014/02/10 职场文书
公司年会抽奖活动主持词
2014/03/31 职场文书
主题实践活动总结
2014/05/08 职场文书
社区戒毒工作方案
2014/06/04 职场文书
2014小学教师年度考核工作总结
2014/12/03 职场文书
《颐和园》教学反思
2016/02/19 职场文书
python正则表达式re.search()的基本使用教程
2021/05/21 Python
openstack云计算keystone组件工作介绍
2022/04/20 Servers