如何在jQuery中訪問CSS id風格？

我是jquery的新手，無法找到如何將CSS ID添加到頁面元素。如何在jQuery中訪問CSS id風格？

例如，這裏有內嵌CSS stlyes：

#main h2 { 
background: url(open.png) no-repeat 0% 10%; 
padding-left: 20px; 
cursor: pointer; 
} 
#main h2.close { 
background-image: url(close.png); 
} 
#main h2.highlight { 
color: red; 
font-weight: bold; 
text-transform: uppercase; 
}

，這裏是我嘗試了jQuery：

$(document).ready(function() { 
$("h2").addClass('#main h2.highlight');

它的工作原理，當然帶班，但我無法弄清楚如何獲得樣式到h2標籤上。

來源

2011-03-17 jonshariat

在跛行在這裏，但：

$('#main h2').addClass('highlight');

將添加元素的highlight類<h2>元件內（的後代）與ID main，有效地使<h2>元件（一個或多個）符合規則#main h2.highlight。這是目標嗎？如果沒有，請忽略。

來源

2011-03-17 06:36:56 jensgram

這就是它！謝謝。 – jonshariat 2011-03-20 04:22:57

如果你想在類「亮點」添加到H2標籤，你可以做這樣的：

$("h2").addClass('highlight');

來源

2011-03-17 06:07:53 Laxman13

'main'必須是h2的一些祖先的id，而不是h2本身爲這個CSS工作：'#main h2.highlight {...}' – rsp 2011-03-17 06:09:55

啊我的不好，掃視得太快謝謝+1 ，編輯答案 – Laxman13 2011-03-17 06:14:50

變化：

$("h2").addClass('#main h2.highlight');

到：

$("h2").addClass('highlight');

來源

2011-03-17 06:08:01 rsp

_highlight_不是我的文檔中的CSS類，它是一個id。我試圖引用'#main h2.highlight' id – jonshariat 2011-03-17 06:27:12

@jonshariat在你發佈的CSS中，'highlight'是一個不是id的類。如果它是一個id，它會是'＃highlight'（或'h2＃highlight'）。 – Laxman13 2011-03-17 06:36:42

@ Laxman13哦，不，從來沒有'h2＃highlight'，只是'＃highlight' :) – jensgram 2011-03-17 06:38:09

在類中使用css選擇器.，在jQuery函數$('(css-selector)(name)')中使用#進行選擇。

$("h2").addClass('highlight');

這將選擇h2元素，並添加highlight類h2元素

您不能添加分配id到元素（只有一個元素），因爲id應該是唯一的。如果你只有一個h2元素，則

首先選擇h2與$('h2')
分配屬性與attr功能$('h2').attr('id','someid')。但不建議。

來源

2011-03-17 06:08:27

如何在jQuery中訪問CSS id風格？

回答

相關問題