《锐利的jQuery》进修笔记

  1. if($(div).is('.class'))if($(div).hasClass('class'))
  2. $(div).height($(div).height()+50) 同$(div).animate({height:’+=50′},400)
  3. 事宜定名空间 $(div).bind(‘click.namespace’),作废事宜$(div).unbind(‘.namespace’)
  4. $(div).triggerHandler(‘focus’)不同于$(div).trigger(‘focus’),不会取得核心
  5. $(div).addClass('test')$(div)['addClass']('test'),因而可用变量$(div)[hasclass?'removeClass':'addClass']('test')
  6. 让下拉框选中$(select).val(['text1','text2'])text1为option值
  7. addClass(‘class’)增加class,attr(‘class’,class)会掩盖class
  8. 删除元素$(li).remove() $(li:eq(2)).detach()
  9. toggleClass()切换class,toggle()切换显现隐蔽
  10. 推断元素是不是存在if($(div).length > 0 )
  11. $(‘.one + div’) 同$(‘.one’).next(‘div’),$(‘.one ~ div’) 同$(‘.one’).nextAll(‘div’)
  12. $(div).click(functioin(){ if($(this).is(':visible')) { $(this).next().hide(); } else{ $(this).next().show(); } });$(div).toggle(function(){ $(this).next().hide(); }, function(){$(this).next().show();} );也可直接 $(div).click(functioin(){$(this).next().toggle();});
  13. 挪动元素$(li).appendTo($ul)
  14. slideToggle同slideUp,slideDown,fadeToggle同fadeIn,fadeOut
  15. hover同mouseover,mouseout但实在绑定的是mouseenter,mouseleave事宜,因而触发脱离事宜是trigger(‘mouseleave’)
  16. jquery插件要领可写在$.fn.extend({test:function(){}}) 或直接$.extend({test:function(){}}),注重个中的this为jq对象,而不是dom对象
  17. $(form).searlize()将form对象序列化为字符串$(form).searlizeArray()转化为json对象$.param({name:’sf’,age:1})转化为name=sf&age=1
  18. 耽误触发delay(1000)
  19. var str=$(‘p’).map(function(){
    return $(this).text()
    }).get().join(‘,’) 返回p标签一切的内容
  20. $(:input) .attr(‘checked’) 返回undefined
    $(:input) .prop(‘checked’)返回true false
    $(:input) .prop(‘checked’,true)
    $(:input) .removeProp(‘checked’)作废选中

第一次写博客,有毛病请指出,轻拍

    原文作者:苏生不惑
    原文地址: https://segmentfault.com/a/1190000000490150
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞