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跨浏览器显示的file上传控件
Oct 24 Javascript
javaScript复制功能调用实现方案
Dec 13 Javascript
实例讲解JQuery中this和$(this)区别
Dec 08 Javascript
javascript实现左右控制无缝滚动
Dec 31 Javascript
JS实现图片局部放大或缩小的方法
Aug 20 Javascript
手动初始化Angular的模块与控制器
Dec 26 Javascript
微信小程序page的生命周期和音频播放及监听实例详解
Apr 07 Javascript
Bootstrap 模态对话框只加载一次 remote 数据的完美解决办法
Jul 09 Javascript
快速了解Node中的Stream流是什么
Feb 13 Javascript
Vue 实现手动刷新组件的方法
Feb 19 Javascript
Smartour 让网页导览变得更简单(推荐)
Jul 19 Javascript
深入理解 ES6中的 Reflect用法
Jul 18 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
《猛禽小队》:DC宇宙的又一超级大烂片
2020/04/09 欧美动漫
中高级PHP程序员应该掌握哪些技术?
2016/09/23 PHP
thinkPHP5.0框架配置格式、加载解析与读取方法
2017/03/17 PHP
jQuery 学习第七课 扩展jQuery的功能 插件开发
2010/05/17 Javascript
jQuery中remove()方法用法实例
2014/12/25 Javascript
javascript实现时间格式输出FormatDate函数
2015/01/13 Javascript
JavaScript获取元素尺寸和大小操作总结
2015/02/27 Javascript
JQuery中节点遍历方法实例
2015/05/18 Javascript
JS数组排序技巧汇总(冒泡、sort、快速、希尔等排序)
2015/11/24 Javascript
简单总结JavaScript中的String字符串类型
2016/05/26 Javascript
BootStrap下jQuery自动完成的样式调整
2016/05/30 Javascript
JS鼠标3次点击事件实现代码及扩展思路
2017/09/12 Javascript
jQuery实现点击图标div循环放大缩小功能
2018/09/30 jQuery
Vue中点击active并第一个默认选中功能的实现
2020/02/24 Javascript
Vue实现穿梭框效果
2020/09/30 Javascript
在vue中通过render函数给子组件设置ref操作
2020/11/17 Vue.js
[02:38]DOTA2超级联赛专访Loda 认为IG世界最强
2013/05/27 DOTA
python实现bitmap数据结构详解
2014/02/17 Python
Python中MYSQLdb出现乱码的解决方法
2014/10/11 Python
Python使用sorted排序的方法小结
2017/07/28 Python
django+xadmin+djcelery实现后台管理定时任务
2018/08/14 Python
Python高级特性与几种函数的讲解
2019/03/08 Python
python 解决flask uwsgi 获取不到全局变量的问题
2019/12/22 Python
python可视化text()函数使用详解
2020/02/11 Python
Algenist奥杰尼官网:微藻抗衰老护肤品牌
2017/07/15 全球购物
瑞士最大的图书贸易公司:Orell Füssli
2019/12/28 全球购物
数据库基础的一些面试题
2012/02/25 面试题
百度软件工程师职位
2013/02/14 面试题
数控专业推荐信范文
2013/12/02 职场文书
临床护士自荐信
2014/01/31 职场文书
给领导的检讨书
2014/02/16 职场文书
2014年父亲节活动方案
2014/03/06 职场文书
教师节慰问信
2015/02/15 职场文书
人工作失职检讨书
2015/05/05 职场文书
作弊检讨书范文
2015/05/06 职场文书
PHP使用非对称加密算法RSA
2021/04/21 PHP