Jquery Add Css

jquery add css
$('#element').css('display', 'block'); /* Single style */
$('#element').css({'display': 'block', 'background-color' : '#2ECC40'}); /* Multiple style */
add style to stylesheet via jquery
var sheets = document.styleSheets;
$.each(sheets, (index) => {
let url = sheets[index].href;
if (url == "sheet url") {
let thisSheet = sheets[index];
//add css hover styling to stylesheet
thisSheet.insertRule('selector {color: black !important;}');
}
})
edit css jquery
$('.ama').css('color','red');
add css file through jquery
$('head').append('<link rel="stylesheet" href="style2.css" type="text/css" />');

Leave a Comment