1.jQuery中attr有個bug,只能第一次設置值需要用prop替代
$(":checkbox[name=hobby]").attr("checked",checked);
$(":checkbox[name=hobby]").prop("checked",checked);
2.h5風格自定義屬性
h5自定義屬性風格:data-屬性名 (data-url="哈哈哈啊")
jQuery提供data方法獲取h5風格自定義屬性值
開發(fā)建議:自定義屬性值采用h5風格,然后使用data
注意:data后面的屬性名一定要全部小寫!即使有大寫字母出現(xiàn),在取值的時候也會默認轉(zhuǎn)換成小寫,到時候自己寫成大寫的去取值,會出錯
示例代碼:
<input type="checkbox" onchange="checkChange(this)" id="checkAll" data-url="http://baidu.com"/>
console.log($("#checkAll").data("url"));
3.find(),找到當前元素的子孫后代
$("#addMore").click(function() {
var tr = $("tbody tr:first").clone();
console.log(tr);
//新方法.找當前元素的子孫后代元素
tr.find(":text").val("0");//找到所有的子孫后代將值復位
tr.appendTo($("#data"));//追 加到tbody中
});
4.closest()找到當前元素的祖輩
//不用id刪除的方式
function delRow(srcEl) {
console.log(srcEl);
//closest新知識,從元素本身開始向祖輩尋找,尋找到就停止,并返回最先匹配到的元素
$(srcEl).closest("tr").remove();
}
5.jQuery中ajax請求-->get
$(function() {
$("#username").blur(function() {
//console.log(this);
$.get("/checkusername.do",{username:$(this).val()},function(data){
if(data.success){
$("#msg").text(data.msg).css("color","green");
//console.log(data.msg);
}else{
//console.log(data.msg);
$("#msg").text(data.msg).css("color","red");
}
});
});
});
6.jQuery中ajax請求-->post
$(function() {
$("#submit").click(function() {
//拿到賬號
var username = $("#username").val();
//拿到賬號
var password = $("#password").val();
$.post("/login.do",{username:username,password:password},function(data){
if (data.success) {
console.log(data.msg);
$("#msg").text(data.msg).css("color","green");
}else{
console.log(data.msg);
$("#msg").text(data.msg).css("color","red");
}
});
});
});
