Question

我有一个HTML列表，ID为'nav'。我想使用jQuery将CSS样式应用于它。我该怎么做。我尝试了几件事但都失败了。请帮忙。我是jQuery的新手，现在正在学习基础知识。感谢

Answer 1

您可以执行以下操作：

$('li#nav').css('background','green');

$('li#nav')选择列表元素。然后.css('background','green')将绿色背景应用于li元素。

或者你可以这样做：

使用类

在CSS文件中创建CSS类

.list-style{
   backbround : Green;
}

然后在你的jQuery写下面：

$('li#nav').addClass('list-style');

Answer 2

你至少看过手册吗？那里有一些例子：http://api.jquery.com/css/

Answer 3

试试这个：

$(document).ready(function(){
    /* Single style */
    $('#nav').css('property','value');

    /* Multiple styles */
    $('#nav').css({'property1':'value1', 'property2':'value2', ...});
});

您可以在此处阅读有关CSS和Jquery的更多信息 - http://api.jquery.com/css/

Answer 4

您可以使用.css() jQuery函数来获取/设置一个元素或一组元素的样式规则。例如：

$("#myDiv").css("display", "none");
$("input#myButton").css("background-color", "red");

Answer 5

这并不难;）

HTML代码

<div id="navi" style="color: black">
    HALLO
</div>

<强>的Javascript

$(document).ready(function() {
  $("#navi").css("color", "red")
  // Handler for .ready() called.
});

Answer 6

使用此语法

$('#nav').css('background','black');

Answer 7

使用CSS方法

 $("#nav").css("color","red");

如果你有一个带有一些样式定义的css类，你可以使用addClass方法

$("#nav").addClass("myCSSStyle")

工作样本：http://jsfiddle.net/WRYKB/

HTML

<ul id="nav">
    <li>One</li>
    <li>Two</li>
</ul>
<ul id="nav2">
    <li>One</li>
    <li>Two</li>
</ul>

<强>的Javascript

$(function(){   
    $("#nav").css("color","red");    //setting css property to element
    $("#nav2").addClass("myCSSStyle")  //applying css class
});

<强> CSS

.myCSSStyle
{
  color:blue;
   font-weight:bold; 

}

Answer 8

您可以像这样添加班级

$("#nav").addClass("myClass yourClass");

有关详细信息，请参阅http://api.jquery.com/addClass/

Answer 9

从API文档（您应该阅读）

$("p").addClass("myClass yourClass");

此方法通常与.removeClass（）一起用于切换元素＆＃39; 从一个到另一个的类，如下：

$("p").removeClass("myClass noClass").addClass("yourClass");

使用jQuery在HTML中应用css样式？

9 个答案: