自制一个 简易jQuery 的 API
生活随笔
收集整理的這篇文章主要介紹了
自制一个 简易jQuery 的 API
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>簡易jQuery</title><style>.blue {color: blue;}.red {color: red;}</style>
</head><body><div>123</div><div>123</div><div>123</div><div>123</div>
</body>
<script>window.jQuery = function (divs) {let div = {}if (typeof divs === 'string') {let temp = document.querySelectorAll(divs)console.log(temp)for (let i = 0; i < temp.length; i++) {div[i] = temp[i];}div.length = temp.length} else if (divs instanceof Node) {div = {0: divs,length: 1}}div.addClass = function (classes) {classes.forEach((value) => {for (let i = 0; i < div.length; i++) {div[i].classList.add(value)}})}div.text = function (text) {if (text === undefined) {var texts = []for (let i = 0; i < div.length; i++) {texts.push(div[i].textContent)}return texts} else {for (let i = 0; i < div.length; i++) {div[i].textContent = text;}}}return div}var $div = jQuery("div")$div.addClass(['red'])$div.text('hi')</script>
</html>
?
轉載于:https://www.cnblogs.com/65Seeker/p/10191845.html
總結
以上是生活随笔為你收集整理的自制一个 简易jQuery 的 API的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 第十一篇 时间序列
- 下一篇： 一篇文章搞定百度OCR图片文字识别API