jquery属性选择器not has怎么写 行悬停高亮显示

 更新时间:2013年11月13日 16:13:27   作者:  
jquery属性选择器中的包含 not has怎么写,让一个table中没有 提交 图片的行悬停时都高亮,下面有个不错的示例,喜欢的朋友可以参考下
复制代码 代码如下:

$(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即是。

相关文章

  • jQuery.holdReady()使用方法

    jQuery.holdReady()使用方法

    jQuery.holdReady()方法允许jQuery的完成事件被该函数锁定,下面为大家介绍下其具体的使用
    2014-05-05
  • 通过jquery.cookie.js实现记住用户名、密码登录功能

    通过jquery.cookie.js实现记住用户名、密码登录功能

    这篇文章主要介绍了通过jquery.cookie.js实现记住用户名、密码登录功能,通过Cookies让网站服务器把少量数据储存到客户端的硬盘或内存,从客户端的硬盘读取数据的一种技术;具体实现过程大家通过本文一起看看吧
    2018-06-06
  • 详解jQuery 链式调用

    详解jQuery 链式调用

    这篇文章主要介绍了jQuery 链式调用的相关资料,帮助大家更好的理解和学习使用jQuery,感兴趣的朋友可以了解下
    2021-05-05
  • jquery Validation表单验证使用详解

    jquery Validation表单验证使用详解

    功能强大的 jquery 表单验证插件,适用于日常的 E-mail、电话号码、网址等验证及 Ajax 验证,除自身拥有丰富的验证规则外,还可以添加自定义的验证规则。兼容 IE 6+, Chrome, Firefox, Safari, Opera 10+
    2015-04-04
  • jQuery实现tab选项卡效果的方法

    jQuery实现tab选项卡效果的方法

    这篇文章主要介绍了jQuery实现tab选项卡效果的方法,实例分析了jquery实现tab选项卡切换效果的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-07-07
  • 分享一个asp.net pager分页控件

    分享一个asp.net pager分页控件

    分享一个asp.net pager分页控件,想要自定义控件的朋友可以参考下。
    2012-01-01
  • jQuery轮播图效果精简版完整示例

    jQuery轮播图效果精简版完整示例

    这篇文章主要介绍了jQuery轮播图效果精简版,结合完整实例形式分析了jQuery响应鼠标事件及针对页面元素的遍历操作相关技巧,需要的朋友可以参考下
    2016-09-09
  • 10个基于jQuery或JavaScript的WYSIWYG 编辑器整理

    10个基于jQuery或JavaScript的WYSIWYG 编辑器整理

    10惊人的自由丰富的文本编辑器,将提升您的网站的功能。我已经收集了5 jQuery和5个非jQuery实时评价附带简单的功能,具有办公一样的功能。
    2010-05-05
  • 使用jquery实现简单的ajax

    使用jquery实现简单的ajax

    本篇文章是对用jquery实现简单的ajax的实现方法进行了详细的分析介绍,需要的朋友参考下
    2013-07-07
  • jquery+css3问卷答题卡翻页动画效果示例

    jquery+css3问卷答题卡翻页动画效果示例

    本篇文章主要介绍了jquery css3问卷答题卡翻页动画效果,具有一定的参考价值,有需要的朋友可以了解一下。
    2016-10-10

最新评论