为了账号安全,请及时绑定邮箱和手机立即绑定

玩转KISSY框架

明河 Web前端工程师
难度中级
时长 5小时30分
学习人数
综合评分9.23
8人评价 查看评价
9.2 内容实用
9.0 简洁易懂
9.5 逻辑清晰
  • 可以通过fire()方法来触发表单事件,比如:$('input').fire('blur');
    查看全部
    0 采集 收起 来源:触发表单事件

    2015-07-15

  • 普通的对象可以混入Target对象来拥有事件的能力: S.augment(Demo, Event.Target,{ show:function(){ this.fire('show',{isShow:true}); } });
    查看全部
  • stopPropagation()方法会阻止事件冒泡 halt() 的作用是停止事件冒泡,同时停止默认行为 preventDefault() 方法阻止默认行为,不阻止事件冒泡
    查看全部
  • 使用delegate() 将节点的事件统一委托给父节点,这样可以保证动态节点依旧存在事件监听,作用域是在父节点之内。$( "body" ).delegate( "click","p", function(ev){}). 解除代理事件:$( "body" ).undelegate( "click","p");
    查看全部
    0 采集 收起 来源:事件代理

    2018-03-22

  • 使用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()的传参如出一辙,用于判断节点是否符合过滤条件.
    查看全部
    0 采集 收起 来源:节点过滤

    2015-07-15

  • 添加自定义的 data-name 属性:$btn.attr('data-name','明河'); 将 Object 对象关联到元素上:可以使用 data() 方法:$dataBtn.data('data-author',{"name":"明河","email":"minghe36@126.com"});
    查看全部
    0 采集 收起 来源:自定义属性

    2018-03-22

  • 增加属性:$('.J_Input').attr('disabled',true); 去掉属性:$('.J_Input').removeAttr('disabled'); 获取属性:$('.J_Input').attr('disabled'); // disabled $('.J_Input').prop('disabled'); //true 判断属性:$('.J_Input').hasAttr('disabled');
    查看全部
    0 采集 收起 来源:属性增/删

    2015-07-15

  • 使用 css() 获取指定的属性值:$('.J_ChangeBg').css("color"); 使用 addClass() 方法给元素添加上 hover class :$('.J_ChangeBg').on('mouseover',function(ev){ $(ev.target).addClass('hover'); }) 使用 removeClass() 方法给元素删除 hover class ; 使用 hasClass() 判断元素是否有某个 class ;
    查看全部
    0 采集 收起 来源:样式处理

    2018-03-22

  • 获取节点包含 padding 值的宽度与高度:可以使用 innerWidth() 与 innerHeight() ; 希望宽度与高度的值加上 border 与 margin 的值:可以使用 outerWidth(true) 与 outerHeight(true) :默认算值时只会把 border 加上,如果希望加上 margin 值,需要传递个 true 参数值。
    查看全部
  • 将某个节点插入到指定节点前面: $('#J_One').before($('#J_Two')); $('#J_Two').insertBefore($('#J_One')).text('我是第二个节点,但我要当第一个');
    查看全部
    0 采集 收起 来源:节点插入

    2015-07-15

  • 将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)');
    查看全部
    0 采集 收起 来源:常用选择器

    2018-03-22

  • Node.all(selector).item(0)与 Node.all(selector)[0] 是不一样的,前者返回是node包裹对象,而后者返回的是原生节点。
    查看全部

举报

0/150
提交
取消
课程须知
基本的html知识以及基础的js技能。
老师告诉你能学到什么?
通过本系列教程的学习,掌握如何在前端项目中使用KISSY。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!