event.preventDefault() 阻止事件的默認(rèn)行為
event.stopPropagation() 阻止事件向上冒泡到 DOM 樹谢鹊,阻止任何父處理程序被事件通知
// 選擇器 :odd奇數(shù) :even偶數(shù)
siblings() - 方法返回被選元素的所有同胞元素净蚤。 -- siblings('p');返回同胞元素的所有 <p> 元素;
next() 方法返回被選元素的下一個同胞元素仍源。
nextAll() 方法返回被選元素的所有跟隨的同胞元素情竹。
nextUntil() 方法返回介于兩個給定參數(shù)之間的所有跟隨的同胞元素忿等。 -- $("h2").nextUntil("h6");h2到h6之間所有的元素;
eq() 方法返回被選元素中帶有指定索引號的元素拄显。
first() 方法返回被選元素的首個元素将饺。
last() 方法返回被選元素的最后一個元素卵史。
filter() 方法允許您規(guī)定一個標(biāo)準(zhǔn)战转。不匹配這個標(biāo)準(zhǔn)的元素會被從集合中刪除,匹配的元素會被返回程腹。$("p").filter(".url");
not() 方法返回不匹配標(biāo)準(zhǔn)的所有元素匣吊。
// dom加載完執(zhí)行
$(document).ready(function(){})<==>$(function(){})
// 常見dom事件 可選參數(shù)click,dbclick,mouseenter,mouseleave,hover,keypress,keydown,keyup,submit,change,focus,blur,load,resize,scroll,unload
$(selector).click(function(){})
// 隱藏顯示? hide隱藏--show顯示--toggle切換隱藏顯示
$(selector).hide(speed,callback);
// 淡入淡出? fadeIn淡入--fadeOut淡出--fadeToggle切換淡入淡出
$(selector).fadeIn(speed,callback);
$(selector).fadeTo(speed,opacity,callback); //允許漸變給定不透明度(0--1之間);
// 滑動? slideDown向下滑動--slideUp向上滑動--slideToggle切換滑動方向
$(selector).slideDown(speed,callback);
// 動畫? 使用相對值需要在值的前面加上 += 或 -=:-- 使用預(yù)定義的值設(shè)置為 "show"、"hide" 或 "toggle":
$(selector).animate({params},speed,callback);
// 停止動畫
可選的 stopAll 參數(shù)規(guī)定是否應(yīng)該清除動畫隊列寸潦。默認(rèn)是 false色鸳,即僅停止活動的動畫,允許任何排入隊列的動畫向后執(zhí)行见转。
可選的 goToEnd 參數(shù)規(guī)定是否立即完成當(dāng)前動畫命雀。默認(rèn)是 false。
(被立即停止的動畫不會觸發(fā)回調(diào)斩箫,被立即完成的動畫會觸發(fā)回調(diào)吏砂。)
$(selector).stop(stopAll,goToEnd);
// 獲得撵儿、設(shè)置內(nèi)容 - text()、html() 狐血、 val() 淀歇、attr()
$(selector).text() - 設(shè)置或返回所選元素的文本內(nèi)容
$(selector).html() - 設(shè)置或返回所選元素的內(nèi)容(包括 HTML 標(biāo)記)
$(selector).val() - 設(shè)置或返回表單字段的值
$(selector).attr() - 方法用于獲取自定義的DOM屬性值。
$(selector).prop() - 方法用于獲取自帶的DOM屬性值匈织。
回調(diào)寫法 兩個參數(shù): 被選元素列表中當(dāng)前元素的下標(biāo)? 原來的文本值
$(".runoob").attr("href", function(i, origValue){
if(i !== 2) return
return origValue + "/1111111111";
});
// 添加元素? 多個 ,號 隔開
$("p").append("追加文本"); - 被選元素的結(jié)尾插入內(nèi)容(仍然該元素的內(nèi)部);
$("p").prepend("在開頭追加文本"); - 被選元素的開頭插入內(nèi)容(仍然該元素的內(nèi)部);
$("img").after("在后面添加文本"); - 被選元素之后插入內(nèi)容浪默。
$("img").before("在前面添加文本"); - 被選元素之前插入內(nèi)容。
// 刪除元素
$("#div1").remove(); - 刪除被選元素及其子元素缀匕。
$("#div1").empty(); - 刪除被選元素的子元素纳决。
// 獲取并設(shè)置 CSS 類
addClass() - 向被選元素添加一個或多個類
removeClass() - 從被選元素刪除一個或多個類
toggleClass() - 對被選元素進(jìn)行添加/刪除類的切換操作
css() - 設(shè)置或返回樣式屬性 - 1個參數(shù)返回對應(yīng)屬性值 2個參數(shù)設(shè)置對應(yīng)屬性 {對象寫法:設(shè)置多個值}
// 查看元素寬度||高度
width() - 元素寬度
innerWidth() - 元素寬度+padding
outerWidth() - 元素寬度+padding+border? -- 第一個參數(shù)為true時 +=margin
// 向上遍歷 DOM 樹
parent() - 方法返回被選元素的直接父元素。
parents() - 方法返回被選元素的所有祖先元素乡小,它一路向上直到文檔的根元素 (<html>)阔加。
parentsUntil() -方法返回介于兩個給定元素之間的所有祖先元素。
$("span").parentsUntil("div"); - 返回介于 <span> 與 <div> 元素之間的所有祖先元素:
// 向下遍歷 DOM 樹
children() - 方法返回被選元素的所有直接子元素满钟。
? 第一個參數(shù)是過濾? $("div").children("p.1");
find("span") 方法返回被選元素的后代元素胜榔,一路向下直到最后一個后代。
//AJAX
$.get(URL,callback);
$.post(URL,data,callback);
//附加
var jq = $.noConflict() 方法會釋放對 $ 標(biāo)識符的控制湃番,這樣其他腳本就可以使用它了苗分。 并賦值為變量jq中
//遍歷
$("li").each(function(){$(this).text()});? forEach同樣操作