-
使用on(eventName,handler)绑定事件:eventName 事件名称，常用的有click、tap（手机页面的点击）、focusin（获取焦点）、focusout（失去焦点）、mouseenter（鼠标移入）、mouseleave（鼠标移出）等.ev 数据实际上是Event.Object实例，拥有非常丰富的控制事件处理器的能力。ev.currentTarget永远指向事件源. 可以使用detach()来解除事件的绑定：$('.J_Target').detach('click'[,clickHandler]);查看全部
-
快速获取元素的方法:children();parent();first();last();prev();next(). $('.J_Children').children('li')等价于 $('.J_Children').all('li')。all() 方法会将孙节点的 li 也会捞出来，从效率和准确度来说，推荐使用 children() 。查看全部
-
$lis.filter('.css')从li元素集合中过滤出class=css的节点。 filter()还可以接受函数参数: var $html = $lis.filter(function(item){ if($(item).text() === 'html'){ return true; } }); test()方法跟filter()的传参如出一辙，用于判断节点是否符合过滤条件.查看全部
-
添加自定义的 data-name 属性：$btn.attr('data-name','明河'); 将 Object 对象关联到元素上：可以使用 data() 方法：$dataBtn.data('data-author',{"name":"明河","email":"minghe36@126.com"});查看全部
-
增加属性：$('.J_Input').attr('disabled',true); 去掉属性：$('.J_Input').removeAttr('disabled'); 获取属性：$('.J_Input').attr('disabled'); // disabled $('.J_Input').prop('disabled'); //true 判断属性：$('.J_Input').hasAttr('disabled');查看全部
-
使用 css() 获取指定的属性值：$('.J_ChangeBg').css("color"); 使用 addClass() 方法给元素添加上 hover class ：$('.J_ChangeBg').on('mouseover',function(ev){ $(ev.target).addClass('hover'); }) 使用 removeClass() 方法给元素删除 hover class ; 使用 hasClass() 判断元素是否有某个 class ;查看全部
-
获取节点包含 padding 值的宽度与高度:可以使用 innerWidth() 与 innerHeight() ; 希望宽度与高度的值加上 border 与 margin 的值:可以使用 outerWidth(true) 与 outerHeight(true) ：默认算值时只会把 border 加上，如果希望加上 margin 值，需要传递个 true 参数值。查看全部
-
将某个节点插入到指定节点前面: $('#J_One').before($('#J_Two')); $('#J_Two').insertBefore($('#J_One')).text('我是第二个节点，但我要当第一个');查看全部
-
将html片段字符串，以dom的形式渲染到指定父容器中: $('.J_Wrapper').append($html); $('.J_Wrapper').prepend($html); $html.appendTo('.J_Wrapper');查看全部
-
操作节点是比较消耗性能的操作，不建议大家使用过于复杂的选择器，而多次被js使用的节点，请缓存到js变量中. 只获取子节点:var $child = $(".J_Parent > .J_Child"); 获取指定索引的节点:var $two = $(".J_Parent > li:nth-child(2)");css3 的 :nth-child(index) 选择器 ，index 从 1 开始。 选取被选中的复选框节点：var $checkbox = $('.J_Checkbox:checked'); 通过非的方式获取节点：var $p = $('p:not(.J_Brother)');查看全部
-
Node.all(selector).item(0)与 Node.all(selector)[0] 是不一样的，前者返回是node包裹对象，而后者返回的是原生节点。查看全部
-
getJSON不支持跨域，跨域用Jsonp查看全部
-
currentTarget指向事件源，比如对div绑定某个事件，则currenTarget就指这个div查看全部
-
KISSY.use('node',function(S,Node){ var $=Node.all; var $ul=$('ul'); $ul.length && $ul.prepend('<li>置顶节点</li>'); });查看全部
-
需要注意KISSY.use() 中回掉函数的参数查看全部
举报
0/150
提交
取消