文件编号: Yscript.js
文件版本号: 0.7(2015.04.24.10.00)
###1、选择器 以大写的Y为选择器 、Ys == new Y == Y() 一个空的Y对象
- id选择符:Y(‘#idName’)
- class选择符:Y(‘.className’)
- 节点选择符:Y(‘nodeName’)
- 子节点选择器:find(‘nodeName’)
- 选择第一个节点对象:first()
- 选择最后一个节点对象:last()
- 选择父节点对象:parent()
- 选择兄弟节点对象:sublings()
- 选择子节点对象:childs()
- 寻找当前节点对象:eq()
- 寻找所有节点:ge()
- 当前节点所在的索引:index()
//特别注意:ge()寻找的不是节点对象,只是DOM节点,具体区别就是后面不能使用 .css() 等操作,只能用原生js函数
###2、鼠标点击、划过事件 事件函数与jquery一致
- 鼠标点击事件:click(function(){… })
- 鼠标划过事件:hover(function(){… },function(){… })
//hover(划过事件函数,离开事件函数)
###3、显示隐藏和透明度
- 显示:show(num)
- 隐藏:hide(num)
- 透明度:opacity(num)
// show(),hide() num为时间,毫秒为单位;opacity(num)的num为具体透明度,num=0-100的整数值;
###4、操作class
- 增加class:addClass(‘className’)
- 删除class:removeClass(‘className’)
###5、操作css
- css操作属性: css(‘cssStyle’) //获取一个css属性 css(‘cssStyle’, ‘value’) //设置一个css属性 css({‘cssStyle1’:‘value1’ ‘cssStyle2’:‘value2’…}) //设置一串css属性
- attr操作属性: attr(‘obj’, ‘value’) attr(‘obj’) //获取一个行内属性 attr(‘obj’, ‘value’) //设置一个行内属性 attr({‘obj1’:‘value1’ ‘obj2’:‘value2’…}) //设置一串css属性
###6、文档操作
- 获取对象文本内容:text()
- 获取对象html内容:html()
- 获取对象value内容:value()
- 操作对象文本内容:text(‘value’)
- 操作对象html内容:html (‘value’)
- 操作对象value内容:value (‘value’)
//改变对象的值只需要在函数内赋值就可以了 - 增加一个节点:append(html, location)
//html可以是字符串也可以是对象,location定位插入文档在DOM节点的位置,默认在当前节点最后一个子节点之后插入 location{ beforeBegin:在当前节点第一个子节点之前插入 afterBegin:当前节点之前插入 beforeEnd:在当前节点最后一个子节点之后插入 afterEnd:当前节点之前插入 }
###7、动画操作
- animate(attr,time ,fn)
// attr是具体的动画属性值json格式,time动画执行时间毫秒数,fn是回调函数
###8、Cookie
- setCookie(name, value, duration)
调用方法:setCookie=ys. setCookie=Y().setCookie - getCookie(name)
调用方法:getCookie=ys. getCookie=Y().getCookie - delCookie(name)
调用方法:delCookie =ys. delCookie=Y().delCookie
// name为名字,value是值 //duration过期时间(天为单位,默认1天)
###9、Ajax
ajax({
type:"post", //type参数可选,默认为get
url:"test.jsp", //url参数,必填
data:"name=dipoo&info=good",
dataType:"json", //dataType参数可选,默认为text
async: true , //async参数必填,true/false
success:fn //回调函数可选
});
###10、获取对象属性值
- 获取对象高度:height()
- 获取对象宽度:width()
- 获取当前对象距顶部的距离:offsetTop()
- 获取当前对象距左边的距离:offsetLeft()
- 获取当前当前窗口宽度:getInner().width
- 获取当前当前窗口高度:getInner().height
###11、补充对象
- Each遍历:each(object, callback, args)
- 去首位空格:trim(string)
- 事件发生器:on(event, fn)
- 获取url 参数:url.getUrlParam(key)
- 设置url 参数:url.setUrlParam(key,value)
- 增加debug,默认打印错误信息;
###12、msg自定义弹窗
mag (arguments) 打印信息:arguments
第一个参数可以是string、number和function类型;第二个参数可以是url链接或function
函数;(url必须带http|https)