常用前端功能点

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>

 

posted @ 2017-05-12 14:38  yangfei969  阅读(394)  评论(0编辑  收藏  举报