来源http://www.gbin1.com/technology/jquery/20120222jqueryxingneng/index.html
选择器Selector的使用
id > tagname > attrName > class > 伪类
链式调用(chaining)
对处理多个方式时 只需要查询一次jquery 对象
如
$('jq').hide().show().css('color',red);
和
$('jq').hide(); $('jq').show();$('jq').css();
缓存caching
如上
var jq = $('jq'); jq.hide(); jq.show();jq.css();
但 编写代码时请不要随便创建对象。
事件代理
使用 $.on('click',function(){}) 代替 $.click(function(){});
前者 将整个事件监听封转到一个便利方法中
后者 为所有对象绑定事件
循环语句中的DOM操作
var data = ["Saab","Volvo","BMW"]; $.each(data, function(i, item){ var newitem='<div>' + item + '</div>'; $("#gbcontainer").append(newitem); });
var data = ["Saab","Volvo","BMW"]; tmp = ''; $.each(data, function(i, item){ tmp +='<div>' + item + '</div>'; }); $("#gbcontainer").append(tmp);
使用第二种操作