前台调用
1 | var $ = function() { |
基础类
1 | function Base() { |
创建一个数组来获取一个节点和节点数组
1 | //Base.prototype.elements=[];这是是在类外面定义的,所以要把它放在类里面进行私有化 |
获取元素节点
1 | Base.prototype.getTagName = function(tag) { |
获取Class节点的信息
1 | Base.prototype.getClass = function(className) { |
获取某一个节点
1 | Base.prototype.getElement = function(num) { |
设置CSS
1 | Base.prototype.css = function(attr, value) { //这里的参数是两个, |
设置innerHTML
1 | Base.prototype.html = function(str) { |
添加class属性
1 | Base.prototype.addClass = function(className) { |
删除class属性
1 | Base.prototype.removeClass = function(className) { |
添加link或style的CSS规则
1 | Base.prototype.addRule = function(num, selectorText, cssText, position) { |
删除link或style的CSS规则
1 | Base.prototype.removeRule = function(num, index) { |
设置点击事件
1 | Base.prototype.click = function(fn) { |
实际运行
1 | // JavaScript Document |
关注 web翎云阁,定时推送,互动精彩多,若你有更好的见解,欢迎留言探讨!