以下为ChatGPT自动生成的解答,正确与否请自行判断。 也许你也可以从大家的发帖中找到想要的答案!
BFE.devAI解答 - JavaScript 代码题
15. 实现类似jQuery的DOM wrapper
实现一个类似jQuery的DOM wrapper可以通过以下代码实现:
function $(selector) { const elements = document.querySelectorAll(selector); return { css(prop, val) { elements.forEach((el) => { el.style[prop] = val; }); return this; }, };}
通过使用document.querySelectorAll
方法来选取符合selector的所有DOM元素,并返回一个对象,该对象有一个css
方法,可以设置元素的CSS属性。在该方法内部,使用forEach
方法遍历所有DOM元素,然后通过设置元素的style
属性来实现设置CSS属性。最后,返回this
以支持链式操作。
那么,我们就可以使用类似jQuery的代码来选择DOM元素并设置CSS属性了:
$('#button') .css('color', '#fff') .css('background-color', '#000') .css('font-weight', 'bold');