jcy
v1.0.14
Published
it can make module easier
Downloads
40
Readme
2、事件操作部分
注:事件操作依赖于jcy化的dom对象
均可链式操作
********************************************************************
》on(event, selector, callback)
给this绑定事件;当有三个参数的时候会将每次都找一下第二个参数选择器;再执行后面函数
示例:jcy('body').on('click','.a',function(){}) 点.a时触发
jcy('body').on('click',function(){}) 点body时触发
》off(event, selector, callback)
给this解绑事件;当有三个参数的时候会将每次都找一下第二个参数选择器;再执行后面函数
示例:jcy('body').off('click','.a',function(){}) 给.a解绑
jcy('body').off('click',function(){}) 给body解绑
》jcytouch(event)
给this中拥有jcy-click属性的元素绑定事件,并执行event对象中相应方法
示例:body下有个元素为<div jcy-click="a"></div><div jcy-click="b"></div>
jcy('body').jcytouch({a:function(){console.log('a')},b:function(){console.log('b')}})
那么点击jcy-click="a"的div时打印'a';那么点击jcy-click="b"的div时打印'b'
3、Dom操作部分
注:dom操作依赖于jcy化的dom对象,jcy化的过程是一个无new实例化过程,执行一个返回值为new一个构造函数的方法;并将传入的值挂载到实例化后的对象的分支下.
未写返回值的均返回jcy化的dom元素,可链式操作.
********************************************************************
》concat(nodes,[node2,...])
添加元素到一个Zepto对象集合形成一个新数组。如果参数是一个数组,那么这个数组中的元素将会合并到Zepto对象集合中。
示例:jcy('.a').concat(jcy('.b'));返回的是class名为a和b的集合
》ready(fn)
添加一个事件侦听器,当页面DOM加载完毕时触发。建议使用jcy(dom)来代替这种用法。
示例:jcy(document).ready(function(){})
》pluck(property)
获取对象集合中每一个元素的属性值。返回值为 null或undefined值得过滤掉。
示例:jcy('div').pluck('click')
*****************遍历***************************************************
》map(fn)
遍历对象集合中的所有元素。通过遍历函数返回值形成一个新的集合对象。在遍历函数中this关键之指向当前循环的项(遍历函数中的第二个参数)。
示例:jcy('div').map(function(index,item){})
》each(fn)
遍历一个对象集合每个元素。在迭代函数中,this关键字指向当前项(作为函数的第二个参数传递)。如果迭代函数返回
示例:jcy('div').each(function(index,item){})
*****************匹配下标***************************************************
》get(index)
从当前对象集合中获取所有元素或单个元素。当index参数不存在的时,以普通数组的方式返回所有的元素。当指定index时,只返回该置的元素。返回DOM节点。
示例:jcy('div').get(0);返回的是<div>**</div>这个dom节点
》eq(index)
从当前对象集合中获取所有元素或单个元素。当index参数不存在的时,以普通数组的方式返回所有的元素。当指定index时,只返回该置的元素。返回jcy化的dom。
示例:jcy('div').eq(0);返回的是{0:dom,selector:'div'}这个dom节点
*****************选择器***************************************************
》closest(selector)
从点前jcy化的dom元素开始,逐级向上级元素匹配,并返回最先匹配selector的元素。
示例:jcy('input').closest('form')
》find(selector)
从点前jcy化的dom元素开始,逐级向下级元素匹配,并返回最先匹配selector的元素。
示例:jcy('form').find('input')
》siblings(selector)
从点前jcy化的dom元素开始,查找符合选择器的所有相邻兄弟dom;不传时返回所有相邻兄弟dom;
示例:jcy('div.a').sibilings('.b')
》prev(selector)
从点前jcy化的dom元素开始,逐级在同级元素向前匹配,并返回最先匹配selector的元素。
示例:jcy('div.a').prev('.b')
》next(selector)
从点前jcy化的dom元素开始,逐级在同级元素向前匹配,并返回最先匹配selector的元素。
示例:jcy('div.a').prev('.b')
》filter(selector)
过滤对象集合,返回对象集合中满足css选择器的项。如果参数为一个函数,函数返回有实际值得时候,元素才会被返回。
示例:jcy('div').filter('.a');返回所有div中拥有class名为a的集合
******************插入dom节点**************************************************
》html(html)
在点前jcy化的dom元素中插入一个html片段
示例:jcy('div').html('<div></div>')
》text(text)
在点前jcy化的dom元素中插入一个text片段
示例:jcy('div').text('sdf')
》val(value)
在点前jcy化input元素中插入一个值
示例:jcy('input').val('sdf')
》empty()
清空一个dom节点中内容
示例:jcy('div').empty()
*******************类名*************************************************
》hasClass(name)
判断选择的dom元素是否拥有某个类名
示例:jcy('div.a').hasClass('b')
返回布尔值;不可链式操作
》addClass(name)
将this增加一个类名
示例:jcy('div.a').addClass('b')
》removeClass(name)
将this移除一个类名
示例:jcy('div.a').addClass('a')
*******************样式属性*************************************************
》attr(name, value)
给this增加属性名为name,值为value;
示例:jcy('div.a').attr('a','b')
》css(property, value)
给this增加行内样式
示例:jcy('div.a').css('height','100px')
4、ajax部分
》ajax(options)
类似于jquery中的ajax请求