前台开发JQ常用代码整理

<input id="hiddenId" th:value="${id}" hidden="hidden"/>

<script src="/js/common.js"></script>

//点击body隐藏预授权
$("body").on("click", function () {
    $(".selected-authorize-list").hide();
})

//将1.1.1分几部分
var first_position = version.indexOf(".");
var version_1 = version.substr(0, first_position);
var second_position = version.indexOf(".", first_position + 1);
var version_2 = version.substr(first_position + 1, second_position - first_position - 1);
var version_3 = version.substr(second_position + 1, version.length);

radio的选中 

$("#radio_1").attr("checked", true);

获取选中的radio的ID

var appEnv = $(".radio-normal:checked").attr("id");

获取该下拉菜单是否选中

var appSize2 = $("#appSize-2").is(":checked");

给图片赋值

$("#upload-icon-pc").attr('src', 'file/find/' + data.logo.id);

下拉菜单的选中

$("#appSize-1").prop("selected", true);

JSON的解析和toString

JSON.parse(images)
JSON.stringify(appInfoContainer)

$("#vendorName").focus();

appDescription.trim()

logoId.indexOf("png", 0) 

//字母开头，可以含有数字
var reg = /^(?![0-9]+$)[A-Za-z][A-Za-z0-9]{0,}$/;
if (!reg.test(appNameEn)) {
    $(".app-Name-En").text("英文名称只能包含字母和数字，且必须以字母开头");
    //$("#appNameEn").val("");
    $("#appNameEn").focus();
    return false;
}

@requestBody接收参数的时候，用这个ajax

$.ajax({
    url: "app/info/manufacture",
    contentType: 'application/json; charset=UTF-8',
    data: JSON.stringify(appInfoContainer),
    dataType: 'json',
    type: 'post',
    success: function (data) {
        if (data.success) {
            location.href = "/toStep2?type=" + app_type_link + "&id=" + data.data;
        } else {
            showMessageTip(false, data.message);
        }
    }
});

ajax不能return true 或者是return false

上传完一张图片，将上传按钮重置，否则无法上传一样的图片了

$("#upload-case-pic").val("");