JQuery是JavaScript中應用廣泛的一個庫,可以快捷的操作DOM、處理事件、動畫等等。其中,修改CSS也是常用的功能之一,今天我們來一起學習如何使用JQuery賦值CSS樣式。
// 將背景顏色設置為紅色 $('div').css('background-color', 'red');
上面的代碼中,我們使用了JQuery的css方法,第一個參數傳入了要修改的CSS屬性名稱,第二個參數傳入了要設置的屬性值。
// 將背景顏色設置為跟父元素一樣的顏色 $('div').css('background-color', $(this).parent().css('background-color'));
如果我們想將子元素的背景顏色設置成父元素的背景顏色,可以用上面的代碼,借助了JQuery的parent方法和css方法,獲取父元素的背景顏色,并將其賦值給子元素。
// 一次性設置多個CSS樣式 $('div').css({ 'background-color': 'red', 'color': 'white', 'font-size': '16px' });
上面這種方式可以一次性設置多個CSS樣式,可以封裝成一個函數,方便多次調用。
到此為止,我們已經學會了JQuery如何賦值CSS樣式,希望本文對你有所幫助!
上一篇java和css文件
下一篇jq css 源碼