rename method + add README
This commit is contained in:
parent
5f8da5c3ef
commit
25ecaf8dfc
64
README.md
Normal file
64
README.md
Normal file
|
@ -0,0 +1,64 @@
|
||||||
|
# Svan
|
||||||
|
|
||||||
|
Svan is a small vanilla jquery-like lib for web purpose.
|
||||||
|
small : 7.2 ko in normal version, 3.4 ko in minified version
|
||||||
|
it intends to produce more usefull jquery api in pur javascript.
|
||||||
|
|
||||||
|
var s = $(selector);
|
||||||
|
|
||||||
|
### traversing
|
||||||
|
|
||||||
|
s.first()
|
||||||
|
s.last()
|
||||||
|
s.index(i) // svan specific return node matching selector at given index i
|
||||||
|
s.each(fn)
|
||||||
|
s.find(selector)
|
||||||
|
s.all() // svan specific return nodes matching selector as array
|
||||||
|
|
||||||
|
|
||||||
|
### dom
|
||||||
|
|
||||||
|
s.append(htmlStr)
|
||||||
|
s.html(htmlStr)
|
||||||
|
s.html()
|
||||||
|
s.val()
|
||||||
|
s.val(data)
|
||||||
|
s.attr(key)
|
||||||
|
s.attr(key, value)
|
||||||
|
|
||||||
|
|
||||||
|
### css
|
||||||
|
|
||||||
|
s.hasClass(cssName)
|
||||||
|
s.addClass(cssName)
|
||||||
|
s.removeClass(cssName)
|
||||||
|
s.toggle(cssName)
|
||||||
|
|
||||||
|
|
||||||
|
### event
|
||||||
|
|
||||||
|
$(document).ready
|
||||||
|
s.on(type, handler, capture)
|
||||||
|
|
||||||
|
|
||||||
|
### effects
|
||||||
|
|
||||||
|
s.fadeIn()
|
||||||
|
s.fadeIn(duration, callback)
|
||||||
|
s.fadeOut()
|
||||||
|
s.fadeOut(duration, callback)
|
||||||
|
|
||||||
|
|
||||||
|
### ajax (currently in dev)
|
||||||
|
|
||||||
|
s.ajax({
|
||||||
|
async : ...,
|
||||||
|
url : ...,
|
||||||
|
method : ...,
|
||||||
|
data : ...,
|
||||||
|
done : ...,
|
||||||
|
fail : ...,
|
||||||
|
always : ...,
|
||||||
|
before : ...,
|
||||||
|
timeout : ...,
|
||||||
|
})
|
18
src/svan.js
18
src/svan.js
|
@ -42,40 +42,40 @@
|
||||||
find : function(s) {
|
find : function(s) {
|
||||||
return this.found ? [].slice.call(this.list[0].querySelectorAll(s)) : [];
|
return this.found ? [].slice.call(this.list[0].querySelectorAll(s)) : [];
|
||||||
},
|
},
|
||||||
foreach : function(f) {
|
each : function(f) {
|
||||||
if (this.found) this.list.forEach(f);
|
if (this.found) this.list.forEach(f);
|
||||||
},
|
},
|
||||||
// Living Standard cf https://w3c.github.io/DOM-Parsing/#innerhtml
|
// Living Standard cf https://w3c.github.io/DOM-Parsing/#innerhtml
|
||||||
html : function(data) {
|
html : function(data) {
|
||||||
if (!data) return this.found ? this.list[0].innerHTML : ''; // assume uniq selector
|
if (!data) return this.found ? this.list[0].innerHTML : ''; // assume uniq selector
|
||||||
else this.foreach(function(node) {
|
else this.each(function(node) {
|
||||||
node.innerHTML = data;
|
node.innerHTML = data;
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
append : function(data) {
|
append : function(data) {
|
||||||
this.foreach(function(node) {
|
this.each(function(node) {
|
||||||
node.innerHTML += data;
|
node.innerHTML += data;
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
on : function(type, fn, capture) {
|
on : function(type, fn, capture) {
|
||||||
this.foreach(function(node) {
|
this.each(function(node) {
|
||||||
node.addEventListener(type, fn, capture===true);
|
node.addEventListener(type, fn, capture===true);
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
val : function(data) {
|
val : function(data) {
|
||||||
if (!data) return this.found ? this.list[0].value : null; // assume uniq selector
|
if (!data) return this.found ? this.list[0].value : null; // assume uniq selector
|
||||||
else this.foreach(function(node) {
|
else this.each(function(node) {
|
||||||
node.value = data;
|
node.value = data;
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
attr : function(key, value) {
|
attr : function(key, value) {
|
||||||
if (arguments.length == 1) return this.found ? this.list[0].getAttribute(key) : null; // assume uniq selector
|
if (arguments.length == 1) return this.found ? this.list[0].getAttribute(key) : null; // assume uniq selector
|
||||||
else this.foreach(function(node) {
|
else this.each(function(node) {
|
||||||
node.setAttribute(key, value);
|
node.setAttribute(key, value);
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
toggle : function(cssName) {
|
toggle : function(cssName) {
|
||||||
this.foreach(function(node) {
|
this.each(function(node) {
|
||||||
node.classList.toggle(cssName);
|
node.classList.toggle(cssName);
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
@ -84,12 +84,12 @@
|
||||||
return this.found ? this.list[0].contains(cssName) : this.found;
|
return this.found ? this.list[0].contains(cssName) : this.found;
|
||||||
},
|
},
|
||||||
removeClass : function(cssName) {
|
removeClass : function(cssName) {
|
||||||
this.foreach(function(node) {
|
this.each(function(node) {
|
||||||
if (node.classList.contains(cssName)) node.classList.toggle(cssName);
|
if (node.classList.contains(cssName)) node.classList.toggle(cssName);
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
addClass : function(cssName) {
|
addClass : function(cssName) {
|
||||||
this.foreach(function(node) {
|
this.each(function(node) {
|
||||||
if (!node.classList.contains(cssName)) node.classList.toggle(cssName);
|
if (!node.classList.contains(cssName)) node.classList.toggle(cssName);
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
|
Loading…
Reference in New Issue
Block a user