从CSS类中删除float：none

Question

使用Google Chrome开发者工具我取消选中“float：none;”从样式检查器和我的DOM元素正确排列。一个OK！但是，如果尝试使用jQuery分别通过$('#div_appointment_time_picker').removeAttr('float');或$('#div_appointment_time_picker').removeProperty('float');删除样式（removeAttr和removeProperty），这两种似乎都不起作用。因此，基本上，我如何通过取消选中样式检查器中的属性，以编程方式“重新创建”Google Chrome中的内容（请参阅下面的img）

Answer 1

您可以使用.css()更改css属性：

$('#div_appointment_time_picker').css("float", "none");

或编辑您可以使用的多个属性：

$('#div_appointment_time_picker').css({"float" : "none", "another-rule": "value"});

Answer 2

Float不是像width或ID这样的元素的属性或属性，它是一个样式属性，所以你必须使用$('#div_appointment_time_picker').css('float','none');

Answer 3

使用jQuery方法.css();

它的作用类似于.css(property, value)或.css({property: value})

例如，在您的情况下，它将是：

$('#div_appointment_time_picker').css('float', 'initial'); // or 'none'

详细了解float：https://developer.mozilla.org/en-US/docs/Web/CSS/float

Answer 4

$('#div_appointment_time_picker').css('float', 'you are a wizard harry');