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 相关文章推荐
如何实现JS函数的重载
Sep 22 Javascript
JQuery在光标位置插入内容的实现代码
Jun 18 Javascript
jQuery实现类似滑动门切换效果的层切换
Sep 23 Javascript
js点击事件链接的问题解决
Apr 25 Javascript
JavaScript代码实现禁止右键、禁选择、禁粘贴、禁shift、禁ctrl、禁alt
Nov 17 Javascript
深入浅析JavaScript中的scrollTop
Jul 11 Javascript
微信小程序 scroll-view组件实现列表页实例代码
Dec 14 Javascript
jQuery插件FusionCharts实现的MSBar3D图效果示例【附demo源码】
Mar 23 jQuery
使用Vue-Router 2实现路由功能实例详解
Nov 14 Javascript
javascript中的replace函数(带注释demo)
Jan 07 Javascript
JS实现的贪吃蛇游戏完整实例
Jan 18 Javascript
微信小程序配置服务器提示验证token失败的解决方法
Apr 03 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
实用函数8
2007/11/08 PHP
不重新编译PHP为php增加openssl模块的方法
2011/06/14 PHP
浏览器预览PHP文件时顶部出现空白影响布局分析原因及解决办法
2013/01/11 PHP
input file获得文件根目录简单实现
2013/04/26 PHP
PHP file_get_contents函数读取远程数据超时的解决方法
2015/05/13 PHP
php 5.4 全新的代码复用Trait详解
2017/01/05 PHP
Laravel框架在本地虚拟机快速安装的方法详解
2018/06/11 PHP
JavaScript几种形式的树结构菜单
2010/05/10 Javascript
THREE.JS入门教程(3)着色器-下
2013/01/24 Javascript
javascript拖拽应用实例(二)
2016/03/25 Javascript
基于jquery实现即时检查格式是否正确的表单
2016/05/06 Javascript
JS冒泡事件与事件捕获实例详解
2016/11/25 Javascript
Omi v1.0.2发布正式支持传递javascript表达式
2017/03/21 Javascript
详解Angular 开发环境搭建
2017/06/22 Javascript
关于Ajax的原理以及代码封装详解
2017/09/08 Javascript
微信小程序自定义select下拉选项框组件的实现代码
2018/08/28 Javascript
jQuery实现的鼠标拖动浮层功能示例【拖动div等任何标签】
2018/12/29 jQuery
vue element中axios下载文件(后端Python)
2019/05/10 Javascript
layer设置maxWidth及maxHeight解决方案
2019/07/26 Javascript
原生JS与CSS实现软件卸载对话框功能
2019/12/05 Javascript
vue下canvas裁剪图片实例讲解
2020/04/16 Javascript
python通过urllib2获取带有中文参数url内容的方法
2015/03/13 Python
ubuntu上安装python的实例方法
2019/09/30 Python
Python 识别12306图片验证码物品的实现示例
2020/01/20 Python
Python文本文件的合并操作方法代码实例
2020/03/31 Python
程序设计HTML5 Canvas API
2013/04/08 HTML / CSS
单位创先争优活动方案
2014/01/26 职场文书
安全教育实施方案
2014/03/02 职场文书
租房协议书范本
2014/04/09 职场文书
中秋节国旗下演讲稿
2014/09/13 职场文书
2014年科室工作总结
2014/11/20 职场文书
2014年接待工作总结
2014/11/26 职场文书
2015大学生自我评价范文
2015/03/03 职场文书
2015年办公室工作总结范文
2015/03/31 职场文书
活动经费申请报告
2015/05/15 职场文书
Mybatis-Plus进阶分页与乐观锁插件及通用枚举和多数据源详解
2022/03/21 Java/Android