通过javaScript或jQuery修改CSS Flexbox属性值

Question

I am building a website using flexbox for the first time. I came across a situation where I want to change a css property via javaScript or jQuery but I don't know how.

example:

#elementId {
/*flex-item*/
align-items: center;
}

I want to change to:

align-items: flex-start;

Is it possible via javaScript or jQuery?

Answer 1

这可以在jQuery中实现：

$("#elementId").css("align-items", "flex-start");

Answer 2

The answer is Yes you can .

Here is the syntax.

$(Selector).css("style-attribute", "value");

Know more on jQuery selectors here, http://www.w3schools.com/jquery/jquery_ref_selectors.asp