jQuery 是一種流行的 JavaScript 前端庫,它可以幫助我們簡化 Web 開發中的許多任務。其中之一就是 JavaScript 中的 DOM 操作,通過 jQuery 可以輕松地訪問和修改 DOM 元素的屬性。下面,我們將演示如何使用 jQuery 設置 DOM 元素的 id 的 style 值。
// 獲取 id 為 demo 的 DOM 元素 var $demo = $('#demo'); // 在設置 style 值之前可以先獲取原來的值 var originalStyle = $demo.attr('style'); // 設置 id 為 demo 的元素的 style 值為 red $demo.css('color', 'red'); // 也可以同時更改多個樣式屬性 $demo.css({ 'color': 'red', 'font-size': '20px' }); // 還原原來的 style 值 $demo.attr('style', originalStyle);
從上面的示例代碼中,我們可以看出,使用 jQuery 設置 DOM 元素的 style 值非常簡單。我們可以通過 $().css() 方法來設置樣式屬性,也可以通過 $().attr() 方法來獲取和設置 style 屬性。在實際的開發中,我們可以根據需要來選擇適合自己的方法。
上一篇div 畫橫線