歡迎使用CSDN markdown編輯器

2021-08-02 04:55:45 字數 847 閱讀 4099

最近在看jquery的原始碼,突然想到,jquery的removeclass是怎麼實現的,於是自己動手試了下

lang="en">

charset="utf-8">

removeclasstitle>

head>

class="demo test hi">

div>

onclick="removeclass()">gobutton>

let demo = document.queryselector(".demo")

function

removeclass

() })

demo.classname = classarr.join(' ')

let end = new

date().gettime()

console.log(end - start)

}script>

body>

html>

基本思路就是str轉成arr操作,然後再轉成str賦值給dom元素

function

removeclass

() })

demo.classname = classarr.join(' ')

let end = new

date().gettime()

console.log(end - start)

}

這一種就是用正則去替換其中要刪除的classname。

即使操作的dom長度到300,兩者的速度也沒差別。

所以兩種方法的效率是差不多的

歡迎使用CSDN markdow

本markdown編輯器使用stackedit修改而來,用它寫部落格,將會帶來全新的體驗哦 markdown 是一種輕量級標記語言,它允許人們使用易讀易寫的純文字格式編寫文件,然後轉換成格式豐富的html頁面。維基百科 使用簡單的符號標識不同的標題,將某些文字標記為粗體或者斜體,建立乙個鏈結等,詳細...

歡迎毛毛與妞妞使用CSDN markdown編輯器

建立乙個自定義列表 如何建立乙個註腳 注釋也是必不可少的 katex數學公式 新的甘特圖功能,豐富你的文章 uml 圖表 flowchart流程圖 匯出與匯入 你好!這是你第一次使用markdown編輯器所展示的歡迎頁。如果你想學習如何使用markdown編輯器,可以仔細閱讀這篇文章,了解一下mar...

歡迎使用CSDN markdow1n編輯器

本markdown編輯器使用stackedit修改而來,用它寫部落格,將會帶來全新的體驗哦 markdown 是一種輕量級標記語言,它允許人們使用易讀易寫的純文字格式編寫文件,然後轉換成格式豐富的html頁面。維基百科 使用簡單的符號標識不同的標題,將某些文字標記為粗體或者斜體,建立乙個鏈結等,詳細...