jquery组件复用
时间: 2023-10-23 09:02:44 浏览: 48
在使用jQuery进行组件复用时,可以使用load方法来引入公用部分的内容。例如,可以创建一个存放复用内容的HTML文件,如header.html,其中只包含相关内容,不需要完整的HTML结构。然后,在需要引入该内容的页面中,可以使用一个空的标签来放置引入的内容,如<div class="header-page"></div>。接下来,使用jQuery的load方法异步加载header.html文件,并将其内容加载到.header-page元素中。需要注意的是,load方法是异步的,如果需要对引入的文件进行DOM操作,必须在回调函数中进行操作,否则可能无法获取到DOM节点。这样就实现了jQuery组件的复用。\[2\]
#### 引用[.reference_title]
- *1* *3* [使用vue.js + jQuery开发组件](https://blog.csdn.net/leftfist/article/details/122635439)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [运用jquery抽离出html公用部分实现多页面复用](https://blog.csdn.net/weixin_41804429/article/details/90488474)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]