A Web Front Library imitated from jQuery, based on ecmascript 2015, supported IE10 and above.
npm install tinyjqueryhtml
`
or
* import in commonJs
`bash
npm i tinyjquery -S
`
`javascript
import $ from 'tinyjquery'
`
Characteristics
1. Batch operation
Change all divisions' background color:
`javascript
$('div').css({background: 'green'})
`
2. Chain operation
Execute another operation directly after an operation:
`javascript
$('div').css({background: 'green'}).ac('green-box')
`
3. Callback ajax supported IE9 and above
`javascript
$.ajax({
url: '/api/myUrl',
method: 'get',
success: function(data) {
console.log(data)
},
error: function(err) {
console.error(err)
}
})
`
Method
Use $('cssSelector') or $(nativeDomObject) or $(nativeDomObjectArray) or $(arrayLikeObject) to generate a TinyJquery obejct.
For example:
$('div'), $('.box'), $('#target'), $(document.getElementById('#target')), $(document.getElementsByClassName('box')), $(document.querySelectorAll('.box'))`...
| Method | Arguments | Jquery |
|---|---|---|
| on | eventName, fn, [ bubble = false ] | bind |
| un | eventName, fn, [ bubble = false ] | unbind |
| ac | className | addClass |
| rc | className | removeClass |
| tc | className | toggleClass |
| cc | className | hasClass |
| css | styleObj | css |
| val | [ value ] | val |
| html | [ html ] | html |
| attr | attribute, [ attributeValue ] | attr |
| parent | ------ | parent |
| eq | index | eq |
| find | cssSelector | find |
| getDom | ------ | get(0) |
| getDomList | ------ | ------ |
| each | callback | each |
| append | nativeDom || TinyJquery | append |
| appendTo | nativeDom || TinyJquery | appendTo |
| remove | ------ | remove |
| height | ------ | height |
| width | ------ | width |
| bound | ------ | offset |