常用前端功能点
1. jQuery ajax - param() 方法
序列化一个 key/value 对象:
var params = { width:1900, height:1200 };
var str = jQuery.param(params);
$("#results").text(str);
结果:width=1680&height=1050
用于简单对象,复杂对象应该使用别的方法。
2. .closest()匹配第一个祖先元素
this.closest('div[row="alb"]').remove();
.closest() | .parents() |
---|---|
从当前元素开始 | 从父元素开始 |
沿 DOM 树向上遍历,直到找到已应用选择器的一个匹配为止。 | 沿 DOM 树向上遍历,直到文档的根元素为止,将每个祖先元素添加到一个临时的集合;如果应用了选择器,则会基于该选择器对这个集合进行筛选。 |
返回包含零个或一个元素的 jQuery 对象 | 返回包含零个、一个或多个元素的 jQuery 对象 |
3. 记住下拉框选中值
$(document).ready(function() { $('select[data-select]').each(function() { var id = $(this).attr('data-select'); if (typeof(id) != 'undefined' && id.length > 0) { $(this).val(id); } }); }); <div class="col-sm-3"> <select class="form-control" name="privacy" data-select="$!{view.privacy}"> <option value="0">公开</option> <option value="1">私密</option> </select> </div>