前端个人小收获20170504

最近公司一直加班，由一开始的不太情愿到现在的习以为常，发现自己还是挺能习惯这种生活，可能这就是单身狗的归宿吧。

闲话不多说，进入主题。

最近新认识的data，parents标签，data("index",index)赋值属性和名称，获取就是data("index");

parents,选中指定标签后可以获取其自身的所有父元素，eg:$().parents()

其中括号内使用标签选择器即可。

第二个是重点（划红线啊，必考），form表单有很多input，并且需要分类时，可以自命名标签来区分，然后用each（function()）来实现重复。

that.$("ul>li[name='evtItem']").each(function(){
            var evtItem = {};
            $(this).find("[item]").each(function(){
            var db = $(this).attr("db");
            var val = '';
            if(db=='radio'){//单选框
val = $(this).find('div.checked').find('input:radio').attr('value');
}else if(db=='check'){//多选框
$(this).find('div.checked').find('input:checkbox').each(function(){
val += $(this).attr('value') + ',';
});
val = val.substring(0,val.length-1);
}else if(db=='combo'){//下拉框
val = $(this).combobox('getSelectedItem').val;
}else{//input、textarea
val = $(this).val();
}
if(val){
evtItem[$(this).attr('item')] = val;
}
            });

获取当前的事件：e是由function带进来的。

 flexSlide:function(e){
            var btn = $(e.currentTarget);
            var targetDiv = $('.'+$(btn).attr('fd'));
if(targetDiv.css('display')=="none"){
btn.html('收起<span class="caret">');
targetDiv.slideDown();
}else{
btn.html('展开<span class="caret">');
targetDiv.slideUp();
}
}