前端常用記錄
阿新 • • 發佈：2018-11-22
1.獲取被選元素的屬性值。
$(selector).attr(attribute)其中attribute為屬性名，什麼屬性都可以，一般常用class,id，如自己定義的屬性也可以
<html>
<a id="test" yan="ILU">aaa</a>
</html>
<script>
alert($("#test").attr("yan");
</script>也會打出“ILU”的。這個真的挺棒棒的，之前沒有體會到這個attr的具體含義，深入測試了一下用起來還是挺方便的，不然只有id和class可以用還是挺難受的。
2.重新整理頁面
window.location.reload();3.a標籤通過href實現頁面跳轉
<a href="pwdManagement.html" target="_self">修改</a>target 屬性規定在何處開啟連結，預設"_self"：在相同頁面中開啟，"_blank"：在新視窗中開啟。
4.select點選變化時需要繫結on'change'方法，因為需要實時改變
//根據select選擇變化 $("#checkselectPho").on('change',function () { var type = $(this).prop('selectedIndex'); var param= $.extend({},param); $.when(userser.userinfo(param)).done( function (resp) { console.log(typeof type,resp.userInfoMap); if (type === 0) { $("#checkTypePho").html("原手機"); $("#checkValPho").html(resp.userInfoMap.PHONE); } else if (type === 1) { $("#checkTypePho").html("原郵箱"); $("#checkValPho").html(resp.userInfoMap.EMAIL); } }) })
但根據型別判斷點選“獲取驗證碼”呼叫的函式時不需要繫結on'change'，因為此時的select的index已經固定了。
//修改手機時根據不同型別獲取驗證碼 ret.getCodePho = function (param) { var checkType = $("#checkselectPho").val(); if(checkType == "phone"){ sendMessage($("#checkValPho").html(), $(".getVcodePho").attr("id")); }else if(checkType == "email"){ sendEmail($("#checkValPho").html(), $(".getVcodePho").attr("id")); } }