使用JavaScript鏈?zhǔn)骄幊虒崿F(xiàn)模擬Jquery函數(shù)
更新時間：2014年12月21日 16:44:09 投稿：hebedich
這篇文章主要介紹了使用JavaScript鏈?zhǔn)骄幊虒崿F(xiàn)模擬Jquery函數(shù)的方法及源碼分享，非常的不錯，推薦給大家。
代碼很簡單，主要是給大家提供個思路，也算是學(xué)習(xí)javascript這么長時間的一個小小的練手。
鏈?zhǔn)骄幊?是將多個操作（多行代碼）通過點號"."鏈接在一起成為一句代碼。鏈?zhǔn)酱a通常要求操作有返回值，但對于很多操作大都是void型，什么也不返回，這樣就很難鏈起來了，當(dāng)然也有解決辦法，可能不太優(yōu)雅。鏈?zhǔn)骄幊痰男滤枷朐趈Query中已流行使用
復(fù)制代碼 代碼如下:
<span>Hello,World！</span>
<script type="text/javascript">
Jq = function (tagName) {
var tagArr = document.getElementsByTagName(tagName);
var ret = {
tag: tagArr,
css: function (attribute, value) {
for (var i = 0; i < this.tag.length; i++) {
this.tag[i].style[attribute] = value;
}
return this;
}
}
return ret;
}
window.onload = function () {
Jq("span").css("color", "red")
.css("border", "1px solid green")
.css("padding", "10px");
}
</script>
有意問的話，就留言，大家共同進(jìn)步
您可能感興趣的文章:
相關(guān)文章
使用JavaScript遞歸函數(shù)封裝一個超級實用的轉(zhuǎn)換場景
這篇文章主要為大家詳細(xì)介紹了如何使用JavaScript遞歸函數(shù)封裝一個超級實用的轉(zhuǎn)換場景,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以了解下2024-11-11
TypeScript 中內(nèi)置了很多工具類型，我們無需導(dǎo)入，可以直接使用。 其中的很多都是比較常用的，接下來我們根據(jù)使用范圍來一一介紹，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)吧2023-03-03
這篇文章主要介紹了js實現(xiàn)具有高亮顯示效果的多級菜單,涉及javascript針對cookie的調(diào)用及頁面元素樣式的動態(tài)變換技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09
JavaScript的Set數(shù)據(jù)結(jié)構(gòu)詳解
這篇文章主要為大家介紹了JavaScript的Set數(shù)據(jù)結(jié)構(gòu)，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-01-01
這篇文章主要介紹了如何通過原生js實現(xiàn)設(shè)為首頁并兼容ie、火狐和谷歌,需要的朋友可以參考下2014-06-06
uniapp手機(jī)號一鍵登錄實現(xiàn)保姆級教程(含前端和后端)
這篇文章主要介紹了uniapp手機(jī)號一鍵登錄實現(xiàn)的相關(guān)資料,本文指導(dǎo)如何創(chuàng)建uniapp項目、關(guān)聯(lián)uniCloud云空間,并配置一鍵登錄功能,,整個過程涉及創(chuàng)建云開發(fā)環(huán)境、關(guān)聯(lián)云服務(wù)空間、配置登錄服務(wù)和編寫云函數(shù),需要的朋友可以參考下2024-10-10
這篇文章主要介紹了javascript包裝對象,實例分析分析了javascript對象操作的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
預(yù)防解決你不知道的JavaScript正在泄漏內(nèi)存
這篇文章主要為大家介紹了你不知道的JavaScript正在泄漏內(nèi)存預(yù)防及解決方法實例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪<BR>2023-10-10
這篇文章主要介紹了js 去除字符串第一位逗號的方法,需要的朋友可以參考下2014-06-06
JavaScript lodash常見用法系列小結(jié)
本篇文章主要介紹了JavaScript lodash用法小結(jié)，非常不錯，具有參考借鑒價值，對于Javascript lodash教程感興趣的同學(xué)可以參考一下2016-08-08