[筆記] jQuery css 加入 !important 的注意事項

近期在使用 jQuery 來控制 css 時,一時不察忽略了其本身對於 css 字串的解析,導致花費很多時間除錯。這邊筆記下若要用 jQuery 加入 !important 的有效方法。
jquery


方法

由於 jQuery 所提供的 $.css() 方法是無法解析 !important 字串的,而會自動忽略,所以有以下的替代方法:

1. addClass()

用 addClass 新增一個 class 名稱,然後再這個 class 內容中撰寫 !important  即可

2. attr()

因為 attr() 方法是直接寫入你的字串到 style 中,所以可以直接使用,不過要注意當沒有 style 時的情況。
像是:$(‘#elem’).attr(‘style’, function(i,s) { return (s || ”) + ‘width: 100px !important;’ })


資料來源

1. How to apply !important using .css()?

按讚加入粉絲團

延伸閱讀