快捷導(dǎo)航

jquery屬性選擇器not has怎么寫行懸停高亮顯示

更新時(shí)間：2013年11月13日 16:13:27 作者：

jquery屬性選擇器中的包含 not has怎么寫,讓一個(gè)table中沒有提交圖片的行懸停時(shí)都高亮，下面有個(gè)不錯(cuò)的示例，喜歡的朋友可以參考下

 
$(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",""); 
}) 
}) 

上面代碼讓一個(gè)table中沒有提交圖片的行懸停時(shí)都高亮

我先在bbs上提問(wèn)：點(diǎn)擊打開鏈接

答案不滿意最后索性學(xué)一學(xué) 鋒利的jquery 在附錄速查手冊(cè) 里找到這個(gè) *= 和！= 分別表示包含和不包含。

這行

復(fù)制代碼代碼如下:

var tr2=$("table.table_list tr:not(':has('td a img[src*=tj.gif]')')");

not里面又可以放一個(gè)函數(shù)has 因?yàn)槭且猼r變色不是要img變色所以不能用tr td a img[src!=tj.gif] 注意都要引號(hào) 問(wèn)題：有三層引號(hào) 怎么辦？還是單引號(hào)？

問(wèn)題又來(lái)了tj.gif沒打引號(hào)怎么也可以？

復(fù)制代碼代碼如下:

[src*=tj.gif

意思是src屬性中包含tj.gif字符串的？

所有的也可以這樣寫：

復(fù)制代碼代碼如下:

var tr2=$("table.table_list tr").not(':has('td a img[src*=tj.gif]')');

所以我懷疑選擇器里的：代表調(diào)用選擇器。

下載：解壓后找 main1/caiji/task_send.html即是。

您可能感興趣的文章:

相關(guān)文章

jQuery.holdReady()使用方法
jQuery.holdReady()方法允許jQuery的完成事件被該函數(shù)鎖定，下面為大家介紹下其具體的使用
2014-05-05
通過(guò)jquery.cookie.js實(shí)現(xiàn)記住用戶名、密碼登錄功能
這篇文章主要介紹了通過(guò)jquery.cookie.js實(shí)現(xiàn)記住用戶名、密碼登錄功能,通過(guò)Cookies讓網(wǎng)站服務(wù)器把少量數(shù)據(jù)儲(chǔ)存到客戶端的硬盤或內(nèi)存，從客戶端的硬盤讀取數(shù)據(jù)的一種技術(shù)；具體實(shí)現(xiàn)過(guò)程大家通過(guò)本文一起看看吧
2018-06-06
詳解jQuery 鏈?zhǔn)秸{(diào)用
這篇文章主要介紹了jQuery 鏈?zhǔn)秸{(diào)用的相關(guān)資料，幫助大家更好的理解和學(xué)習(xí)使用jQuery，感興趣的朋友可以了解下
2021-05-05
jquery Validation表單驗(yàn)證使用詳解
功能強(qiáng)大的 jquery 表單驗(yàn)證插件，適用于日常的 E-mail、電話號(hào)碼、網(wǎng)址等驗(yàn)證及 Ajax 驗(yàn)證，除自身?yè)碛胸S富的驗(yàn)證規(guī)則外，還可以添加自定義的驗(yàn)證規(guī)則。兼容 IE 6+, Chrome, Firefox, Safari, Opera 10+
2015-04-04
jQuery實(shí)現(xiàn)tab選項(xiàng)卡效果的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)tab選項(xiàng)卡效果的方法,實(shí)例分析了jquery實(shí)現(xiàn)tab選項(xiàng)卡切換效果的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-07-07
分享一個(gè)asp.net pager分頁(yè)控件
分享一個(gè)asp.net pager分頁(yè)控件，想要自定義控件的朋友可以參考下。
2012-01-01
jQuery輪播圖效果精簡(jiǎn)版完整示例
這篇文章主要介紹了jQuery輪播圖效果精簡(jiǎn)版,結(jié)合完整實(shí)例形式分析了jQuery響應(yīng)鼠標(biāo)事件及針對(duì)頁(yè)面元素的遍歷操作相關(guān)技巧,需要的朋友可以參考下
2016-09-09
10個(gè)基于jQuery或JavaScript的WYSIWYG 編輯器整理
10驚人的自由豐富的文本編輯器，將提升您的網(wǎng)站的功能。我已經(jīng)收集了5 jQuery和5個(gè)非jQuery實(shí)時(shí)評(píng)價(jià)附帶簡(jiǎn)單的功能，具有辦公一樣的功能。
2010-05-05
使用jquery實(shí)現(xiàn)簡(jiǎn)單的ajax
本篇文章是對(duì)用jquery實(shí)現(xiàn)簡(jiǎn)單的ajax的實(shí)現(xiàn)方法進(jìn)行了詳細(xì)的分析介紹，需要的朋友參考下
2013-07-07
jquery+css3問(wèn)卷答題卡翻頁(yè)動(dòng)畫效果示例
本篇文章主要介紹了jquery css3問(wèn)卷答題卡翻頁(yè)動(dòng)畫效果，具有一定的參考價(jià)值，有需要的朋友可以了解一下。
2016-10-10