仿JQuery原始碼封裝的庫函式

2021-07-23 09:29:58 字數 1090 閱讀 5966

最近通過研究jq，有一種想要自己封裝乙個庫函式的衝動，因此，自己diy了乙個庫函式。

api說明：

$()  :   類似於jquery中的$

$().getid(id) : 通過id獲取元素

$().getclassname(classname) : 通過classname獲取元素集合

$().css(param1[,params2])  :  可以設定或者獲取css樣式

$().html(param1[

,params2

]):  可以設定或者獲取html文字

$().addclass(classname) :  新增類名

$().removeclass(classname) :  移除類名

$().hover(over,out) : 新增移入移出事件

$().ajax(obj) : 設定ajax

現在來看原始碼：

//1.簡單的物件封裝


// var tool = ,


// getclass : function(classname),


// gettagname : function(tagname),


// getid : function(name)


// };


// //2.通過原型封裝


var $ = function(_this)


//工具類


function tool(_this)


//獲取id


this.getid = function(id);


//獲取tagname


this.gettagname = function(tagname){


this.elems = ;


var tags = document.getelementsbytagname(tagname);


for(var i=0;i


樣例** index.html


123 123

$().addclass(classname) :  新增類名

$().addclass(classname) :  新增類名

jQuery原始碼分析之 inArray 函式

測試 1 indexof原生方法 indexof 特定的元素，開始下標 同時indexof的第二個引數可以是負數，表示從倒數第幾個開始，記住，此時不是看下標，而是看倒數第幾個！var array 2,5,9 array.indexof 9,1 2 array.indexof 2,3 0 如果第二個引...

仿JQuery的show與hide動畫函式

首先介紹兩個工具函式 1 根據id返回dom元素 2var function id 3 返回dom元素的當前某css值 4var getcss function obj,name 9 ff10 else14 hide函式 2var hide function obj,speed,fn 9else 1...

仿基因程式設計的C 原始碼

ifndef gwl h define gwl h gwl名字空間的開始 define gwl begin namespace gwl 使用名字空間gwl define gwl using namespace gwl include include include include include g...