Question

我有下面的代码，我甚至不知道它是否有效但我只是想学习如何更改我刚刚在JQuery结构中创建的div的css属性。喜欢改变它的宽度，颜色和东西。

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <item name="searchViewStyle">@style/AppTheme.SearchView</item>
</style>

<style name="AppTheme.SearchView" parent="Widget.AppCompat.SearchView">
    <item name="closeIcon">@android:color/transparent</item>
</style>

任何帮助将不胜感激。

Answer 1

使用css()为元素添加样式。

请参阅代码中的内联注释：

jQuery('<div />') // Create new div element
    .addClass('buttondiv') // Add new class
    .css({ // Add inline styles
        'background-color': 'red',
        'color': 'green'
    })
    .html(text)
    .appendTo("#maindiv"); // No need of `jQuery()` here

Answer 2

http://api.jquery.com/css/

对于单个属性，您可以使用：

$("#button").css("background-color","yellow");

对于多个样式属性：

$("#button").css({"background-color":"yellow", "width":"50px"});

Answer 3

您可以使用jQuery css方法在其中设置css属性，如下所示

$(selector).css('width',100);

$(selector).css('color',red);

有关更多信息，请阅读jQuery click here

的css方法

如何更改我刚刚在代码中创建的div的css

3 个答案: