脚本宝典收集整理的这篇文章主要介绍了《锋利的jQuery》学习笔记,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
-
if($(div).is('.class'))
同 if($(div).hasClass('class'))
- $(div).height($(div).height()+50) 同$(div).aniMATE({height:'+=50'},400)
- 事件命名空间 $(div).bind('click.namespace'),取消事件$(div).unbind('.namespace')
- $(div).triggerHandler('focus')不同于$(div).trigger('focus'),不会获得焦点
-
$(div).addClass('test')
同$(div)['addClass']('test')
,因此可用变量$(div)[hasclass?'removeClass':'addClass']('test')
- 让下拉框选中
$(select).val(['text1','text2'])
text1为option值
- addClass('class')添加class,attr('class',class)会覆盖class
- 删除元素$(li).remove() $(li:eq(2)).detach()
- toggleClass()切换class,toggle()切换显示隐藏
- 判断元素是否存在if($(div).length > 0 )
- $('.one + div') 同$('.one').next('div'),$('.one ~ div') 同$('.one').nextAll('div')
-
$(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();});
- 移动元素$(li).apPEndTo($ul)
- slideToggle同slideUp,slideDown,fadeToggle同fadeIn,fadeOut
- hover同mouseover,mouseout但其实绑定的是mouseenter,mouseleave事件,因此触发离开事件是trigger('mouseleave')
- jquery插件方法可写在$.fn.extend({test:function(){}}) 或直接$.extend({test:function(){}}),注意其中的this为jq对象,而不是dom对象
- $(form).searlize()将form对象序列化为字符串$(form).searlizeArray()转化为json对象$.param({name:'sf',age:1})转化为name=sf&age=1
- 延迟触发delay(1000)
- VAR str=$('p').map(function(){
return $(this).text()
}).get().join(',') 返回p标签所有的内容
- $(:input) .attr('checked') 返回undefined
$(:input) .PRop('checked')返回true false
$(:input) .prop('checked',true)
$(:input) .removeProp('checked')取消选中
第一次写博客,有错误请指出,轻拍
以上是脚本宝典为你收集整理的《锋利的jQuery》学习笔记全部内容,希望文章能够帮你解决《锋利的jQuery》学习笔记所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。