Javascript can'；t使用jQuery获取或设置div的css

我有以下html对象

<div class="dataTables_filter" id="DataTables_Table_2_filter"><label>Sök: <input type="text" aria-controls="DataTables_Table_2"></label></div>

什么也没发生，当我试图提醒当前css的时候

alert( $('#DataTables_Table_2_filter').css('float') );

我只是在我的警报框中得到“未定义”

如果我这样做

alert( $('#DataTables_Table_2_filter')

我在警报框中得到“对象对象对象”

---

这是怎么回事？

您可能在准备好之前访问了元素，请使用，因为您的代码id正在工作

<div class="dataTables_filter" id="DataTables_Table_2_filter"><label>Sök: <input type="text" aria-controls="DataTables_Table_2"></label></div>

$(document.ready(function(){
   $('#DataTables_Table_2_filter').css({"float":"left"});
   alert( $('#DataTables_Table_2_filter').css('float') );
});

Sök:
$（document.ready（function（））{
$（'#DataTables_Table_2_filter'）.css（{“float”：“left”}）；
警报（$（'#DataTables_Table_2_filter'）.css（'float'）；
});

试试这个

$('#DataTables_Table_2_filter').on('click', function(){
  alert( $('#DataTables_Table_2_filter').css('float') );
});

安：看到这个了吗

---

您好。

您可能在该代码块之外遇到了一些冲突的ID问题，因为它工作正常

Html:

---

提醒长度

Alert（$（'#DataTables\u Table\u 2\u filter'）.length）

尝试

Alert（$（'#DataTables\u Table\u 2\u filter'）.length）

在这里工作正常让我猜猜。您直接执行脚本，不必等待页面准备就绪。可以吗？

$('#DataTables_Table_2_filter').on('click', function(){
  alert( $('#DataTables_Table_2_filter').css('float') );
});

<div class="dataTables_filter" id="DataTables_Table_2_filter">
      <label>Sök: <input type="text" aria-controls="DataTables_Table_2"/></label>
</div>

$('#DataTables_Table_2_filter').css({"float":"left"});
alert( $('#DataTables_Table_2_filter').css('float') );