Question

我是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标签上。

Answer 1

如果要将类“highlight”添加到h2标签，可以这样做：

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

Answer 2

变化：

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

为：

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

Answer 3

对于类使用css选择器.，在jQuery函数#中使用id $('(css-selector)(name)')进行选择。

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

这将选择h2元素并将类highlight添加到h2元素

您无法向元素添加id（仅限于一个元素），因为id应该是唯一的。如果您只有一个h2元素，那么

首先选择h2

$('h2')

使用attr函数$('h2').attr('id','someid')指定属性。但不建议这样做。

Answer 4

在这里跛行，但是：

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

将highlight类添加到<h2>元素（后代）ID为main的元素中，有效地使{{1}元素匹配规则<h2>。这是目标吗？如果没有，请忽略。

如何在jquery中访问CSS id样式？

4 个答案: