jquery css이 적용되지 않을 때

jquery.css()가 적용되지 않는 경우가 있다.

jquery.css()는 표준 브라우저의 style속성만 사용할 수 있다.

그래서 표준이 아닌 것들은 jquery.css()로 적용할 수 없다.


html을 excel로 내려받는데, excel에서 쓰는 style속성인 'mso-number-format'을 jquery.css()로 적용하려 하였으나 적용되지 않았다.

jquery.css()에서 'mso-number-format'는 적용할 수가 없다.

그건 엑셀에서 쓰이는 것이지, 표준브라우저의 style이 아니기 때문이다.

그래서 이러한 경우에 jquery로 수정할려면 css()가 아니라 attr()로 적용해야한다.

// 표준이 아니기에 적용이 되지 않음
$(this).css('mso-number-format', "'\@'");
 
// 속성의 값을 바꾸는 것이기에 attr로 적용이 가능함
$(this).attr('style', "mso-number-format:'\@';");

표준 html style의 속성들은 여기에서 알아보자

HTML DOM Style Object : https://www.w3schools.com/jsref/dom_obj_style.asp