jQuery 没有得到应用。 Javascript 工作正常答案

【问题标题】：jQuery doesn't get applied. Javascript works finejQuery 没有得到应用。 Javascript 工作正常
【发布时间】：2017-07-21 11:47:54
【问题描述】：

这应该做什么：它将一个类添加到第一个孩子。第二个只是为了测试。它应该将一个列表元素的背景颜色更改为红色。这些都不适用。

clientStuff();
alert("Hi");

function clientStuff(){
  $('.client-unit').first().addClass('active-client');
}

$( "li" ).first().css( "background-color", "red" );

我尝试过的：

我检查了文档的链接。和他们的订单。链接来了：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<link href="styles.css"  rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<script src="script.js"></script>

我检查了分号和拼写错误。
我向强大的克苏鲁寻求帮助。他说“不”。

有人有想法吗？

【问题讨论】：

它在$(document).ready() 内吗？
你问过 Mighty DevConsole 吗？
你也可以发布你的html吗？
...你定义了$。另外，强大的克苏鲁需要你先献祭，然后才同意提供任何帮助。
请发布 HTML

标签： javascript jquery html css

【解决方案1】：

尝试类似：

$(function(){

  var $li = $('ul li').click(function() {
    $li.removeClass('selected');
    $(this).addClass('selected');
  });

});

li.selected {
    color: green;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li>
  <li>Item 5</li>
  <li>Item 6</li>
</ul>

试试这个，如果你需要只选择第一个孩子：

$('ul li:first')

【讨论】：

【解决方案2】：

检查一下，希望对你有帮助

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
     <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
     <link href="styles.css"  rel="stylesheet" type="text/css">
     <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
     <script src="script.js" type="text/javascript"></script>

在 script.js 文件中如下所示：

$(document).ready(function() {
     alert("Hi");
     clientStuff();
     $( "li" ).first().css( "background-color", "red" );

});
function clientStuff(){
    $('.client-unit').first().addClass('active-client');
}

【讨论】：

我想给你一个兄弟和饼干。有用。非常感谢:)

【解决方案3】：

$( "li" ).first().css({"background-color": "yellow"});

【讨论】：

【解决方案4】：

实际上 first() 属性不适用于子属性，而是适用于它自己的第一个属性，

因此 first() 搜索第一个 具有类 client-unit 的元素并将类应用于该元素，

这是输出的示例截图：

这里还有您的代码的 Codepen，以及我这边的示例 HTML，

https://codepen.io/shohil06/pen/ZJzEJj

希望对你有帮助！

谢谢

【讨论】：

【解决方案5】：

因为你使用的是 Jquery。

所以像这样使用它会工作的代码。

    jQuery(function(){
      $('.client-unit').first().addClass('active-client');
      $('li').first().css("background-color","red");
    });

【讨论】：