首頁 > web前端 > js教程 > 主體

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

WBOY
發布: 2016-05-16 17:15:28
原創
1677 人瀏覽過
複製代碼 代碼如下:

$(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 在附錄速查手冊裡找到這個*= 和!包含。 =$("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即是。
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板