阻止事件冒泡 event.stopPropagation();
children()：查找合集里面的第一級子元素。（僅兒子輩，這里可以理解為就是父親-兒子的關） children只查找第一級的子節點
$("div").children(".selected") / $('.div').children(':last').css('border', '3px solid blue')
find() : 元素的后代元素，此時可以用find()方法 children是父子關系查找，find是后代關系 .find包括子節點的所有后代節點
$("div").find("li") / $('.left').find("li:last").css('border','1px solid blue');
parent() ：元素的父元素 (父親-兒子的關系)，parent只會查找一級，
parents() :元素的所有祖輩元素，parents則會往上一直查到祖先節點
closest() :第一個祖先元素
next() :緊鄰的后面同輩元素
prev() :前面同輩元素的元素
siblings() :元素的同輩元素
：checked 獲取多選框所有選中元素 $("div input[type='checkbox']:checked");
--------------------------------------------------------------------------------------------------------------------------------
滾動條 ： 滾動事件：
滾動加載：
$(document).on('scroll',function(){
$(this).scrollTop(); //滾動條滾動的距離 越滾越大
$(this).height(); //視口可是高度 F12會影響可視高度
$("#id:last").offset().top; //最后一個元素距離html頂部的高度 一般不變
//滾動條滾動的距離 + 視口可是高度 > 最后一個元素距離html頂部的高度 則繼續在加載
if( $(this).scrollTop() + $(this).height() > $("#id:last").offset().top ){
console.log("繼續加載")；
}
})
---------------------------------------------------------------------------------------------------------------------------------
循環 each ：
$("li").each(function(index,element){
alert($(this).text())
});
初始化加載樣式 ： $(".address_hot ul li").eq(0).addClass('color');
預加載事件 ： $(document).on('mouseover', '.address_hot ul li',function(){});
序列化 jsonData = JSON.stringify(jsonData); //js對象 轉字符串
data=JSON.parse(data); //后台傳的字符串轉為 js對象
正則驗證 ： var pattern = /^1[34578]\d{9}$/;
var a = pattern.test(phone); //正確返回true
jquery調用.get(url,'callback','json')<br>
---------------------------------------------------------------------------------------------------------------------------------
第一個參數URL，請求的服務器的端口和服務器的接口的地址，由服務器和前端共同約定
第二個參數callback,從服務器處取來的數據，通過回調函數callback展示出來
第三個參數json，表示返回數據的類型
---------------------------------------------------------------------------------------------------------------------------------
ajax ： ajaxSubmit: function (info){ // info對象需要穿的屬性 url type data callback 4個
$.ajax({
url:info.url,
type:info.type, //get post
async:true, //或false,是否異步
data:info.data,
timsout:50000, //50s
dataType:'json',
success:function(data){
data=JSON.parse(data); //后台傳的字符串 --- js對象
info.callback(data);
},
error:function(){
console.log('錯誤');
alert("出錯啦！");
}
})
},
取消元素雙擊背景變藍 $(document).blind("selectstart",function(){return false});
---------------------------------------------------------------------------------------------------------------------------------
若用$("#box").offset().width(),求得的寬度是500px，沒有內邊距和邊框寬度；
若用$("#box").offset().outerWidth(),求得的寬度是522px，是算上內邊距和邊框寬度的。
jQuery獲取偏移坐標：.offset().top和.offset().left；