|
1 | | -/*! Tiny.js v0.1.0 **/ |
2 | | -var $ = function(s){return document.querySelectorAll(s);}; |
3 | | -$.id = function(s){return document.getElementById(s);}; |
4 | | -$.cls = function(s){return document.getElementsByClassName(s);}; |
5 | | -$.tag = function(s,eWrapper){return (eWrapper || document).getElementsByTagName(s);}; |
6 | | -$.crE = function(s){return document.createElement(s);}; |
7 | | -$.crT = function(s){return document.createTextNode(s);}; |
8 | | -$.insBfr = function(eW,e){eW.insertBefore(e,eW.firstChild);}; |
9 | | -$.rmv = function (e) {e.parentNode.removeChild(e);}; |
10 | | -$.getT = function(e){return e.firstChild.data;}; |
11 | | -$.setT = function(e,s){e.firstChild.data=s;}; |
12 | | -$.hide = function(e){e.style.visibility='hidden';}; |
13 | | -$.show = function(e){e.style.visibility='visible';}; |
14 | | -$.off = function(e){e.style.display='none';}; |
15 | | -$.on = function(e){e.style.display='';}; |
16 | | -$.style = function(e,p,v){ |
17 | | - if (v) { |
18 | | - e.style[p] = v; |
19 | | - } else { |
20 | | - e.style.cssText = p; |
21 | | - } |
22 | | -}; |
23 | | -$.addEv = function(e,sEv,fn){e.addEventListener(sEv,fn,false);}; |
24 | | -$.rmvEv = function(e,sEv,fn){e.removeEventListener(sEv,fn,false);}; |
25 | | -$.each = function (a,fn){for(var i=0,l=a.length;i<l;++i){fn(a[i]);}}; |
26 | | -$.hasT = function(so,s){return so.indexOf(s)>-1;}; |
27 | | -$.hasCls = function(so,s){return $.hasT(' '+so+' ',' '+s+' ');}; |
28 | | -$.addCls = function(e,s){var so=e.className;if(!$.hasCls(so,s))e.className+=(' '+s);}; |
29 | | -$.rmvCls = function(e,s){var so=e.className;if($.hasCls(so,s))e.className=(' '+so+' ').replace(' '+s+' ',' ').trim();}; |
30 | | -$.css = function (s) { |
31 | | - var css = $.crE('style'); |
32 | | - css.innerHTML = s; |
33 | | - console.log(css); |
34 | | - $.tag('head')[0].appendChild(css); |
35 | | -}; |
36 | | -$.cssText = ''; |
37 | | - |
| 1 | +/*! Tiny.js v0.2.0 **/ |
| 2 | + |
| 3 | +//namespace |
| 4 | +var $ = function (s) { |
| 5 | + return document.querySelectorAll(s); |
| 6 | +}; |
| 7 | + |
| 8 | +//utilties - array-like |
| 9 | +$.each = function (a, fn, context) { |
| 10 | + for (var i = 0, l = a.length; i < l; ++i) { |
| 11 | + fn.call(context || window, a[i], i, a); |
| 12 | + } |
| 13 | +}; |
| 14 | + |
| 15 | +//utilties - str |
| 16 | +$.strstr = function (so, s) { |
| 17 | + return so.indexOf(s) > -1; |
| 18 | +}; |
| 19 | + |
| 20 | +//dom query |
| 21 | +$.id = function (s) { |
| 22 | + return document.getElementById(s); |
| 23 | +}; |
| 24 | +$.cls = function (s, eWrapper) { |
| 25 | + return (eWrapper || document).getElementsByClassName(s); |
| 26 | +}; |
| 27 | +$.tag = function (s, eWrapper) { |
| 28 | + return (eWrapper || document).getElementsByTagName(s); |
| 29 | +}; |
| 30 | + |
| 31 | +//creat |
| 32 | +$.crElem = function (s) { |
| 33 | + return document.createElement(s); |
| 34 | +}; |
| 35 | +$.crText = function (s) { |
| 36 | + return document.createTextNode(s); |
| 37 | +}; |
| 38 | + |
| 39 | +//mod dom |
| 40 | +$.insBefore = function (eWrapper, e) { |
| 41 | + eWrapper.insertBefore(e, eWrapper.firstChild); |
| 42 | +}; |
| 43 | +$.remove = function (e) { |
| 44 | + e.parentNode.removeChild(e); |
| 45 | +}; |
| 46 | + |
| 47 | +//classname |
| 48 | +$.hasClass = function (e, s) { |
| 49 | + return $.strstr(' ' + e.className + ' ', ' ' + s + ' '); |
| 50 | +}; |
| 51 | +$.addClass = function (e, s) { |
| 52 | + var so = e.className; |
| 53 | + if (!$.hasClass(so, s)) { |
| 54 | + e.className += (' ' + s); |
| 55 | + } |
| 56 | +}; |
| 57 | +$.removeClass = function (e,s) { |
| 58 | + var so = e.className; |
| 59 | + if ($.hasClass(so, s)) { |
| 60 | + e.className = (' ' + so + ' ').replace(' ' + s + ' ', ' ').trim(); |
| 61 | + } |
| 62 | +}; |
| 63 | + |
| 64 | +//style |
| 65 | +$.visible = function (e, b) { |
| 66 | + var val = b ? 'visible' : 'hidden'; |
| 67 | + e.style.visibility = val; |
| 68 | +}; |
| 69 | +$.hide = function (e) { |
| 70 | + e.style.display = 'none'; |
| 71 | +}; |
| 72 | +$.show = function (e) { |
| 73 | + e.style.display = ''; |
| 74 | +}; |
| 75 | +$.setStyle = function (e, prop, val) { |
| 76 | + if (v) { |
| 77 | + e.style[prop] = val; |
| 78 | + } else { |
| 79 | + e.style.cssText = prop; |
| 80 | + } |
| 81 | +}; |
| 82 | +$.css = function (s) { |
| 83 | + var e = $.crElem('style'); |
| 84 | + var cssText = s || $.cssText; |
| 85 | + if (cssText) { |
| 86 | + e.innerHTML = cssText; |
| 87 | + //console.log(css); |
| 88 | + $.tag('head')[0].appendChild(e); |
| 89 | + } |
| 90 | +}; |
| 91 | +$.cssText = ''; |
| 92 | + |
| 93 | +//event |
| 94 | +$.on = function (e, sEvent, fn) { |
| 95 | + e.addEventListener(sEvent, fn, false); |
| 96 | +}; |
| 97 | +$.off = function (e, sEvent, fn) { |
| 98 | + e.removeEventListener(sEvent, fn, false); |
| 99 | +}; |
| 100 | + |
0 commit comments