1. 程式人生 > >Jquery語法

Jquery語法

祖先 文檔 llb 內容 進行 包括 slide 語法 滑動

<!doctype html>聲明HTML版本編寫指令 seo
font-weight: 改變字體粗細 bold 變粗 100-800; opacity 設置元素的透明級別(0-1之間) |
z-index:覆蓋時 優先顯示; rgba:可以設置標簽屬性背景的透明度; |
overflow:hidden 超出的區域,隱藏 ! |
----------------------------------------------------------------------------------------------------
$(this) 當前HTML元素; $(‘ul li:first‘) 每個<ul>裏面的第一個<li>元素;

$(document).ready(function) 將函數綁定到文檔的就緒事件(當文檔完成加載時)

hide(時間參數)顯示;show(時間參數)隱藏;toggle(時間參數) 顯示/隱藏;

fadeIn()淡入; fadeOut()淡出; fadeToggle()淡入/淡出; fadeTo(時間,0-1之間) 變淺;

slideDown();向下滑動元素; slideUp() 向下滑動元素; slideToggle()上下滑動;

animate() 自定義動畫; 可操作多個屬性;使用相對值;使用預定義的值;使用隊列功能

stop() 停止動畫或效果,在它們完成之前 參數默認為false,true停止所有,true,true停止但要完成動作

如果您希望在一個涉及動畫的函數之後來執行語句,請使用 callback 函數。
(如有強制執行的函數,想要先執行一個函數,把強制執行的函數在後面用function包起來(例如彈窗))

有一種名為鏈接(chaining)的技術,允許我們在相同的元素上運行多條 jQuery 命令,一條接著另一條。
提示:這樣的話,瀏覽器就不必多次查找相同的元素。如需鏈接一個動作,您只需簡單地把該動作追加到之前的動作上。
例:$("#p1").css("color","red").slideUp(2000).slideDown(2000);

text()設置或返回所選元素的文本內容;
html()設置或返回所選元素的文本內容(包括寫的HTML標簽屬性);
val()設置或返回表單字段的值;
attr()設置或改變鏈接中href的值;

append() 在被選元素的結尾插入內容;
prepend() 在被選元素的開頭插入內容;
after() 在被選元素之後插入內容; } 適用於img
before() 在被選元素之前插入內容;} 適用於img

remove() 刪除被選元素(包括子元素); 可傳參數,允許對被刪除元素進行過濾;
empty()從被選元素中刪除子元素;

addClass() 向被選元素添加一個或多個類; ()裏面添加css寫好屬性的類名。
removeClass() 從被選元素刪除一個或多個類; ()裏面添加css寫好屬性的類名。
toggleClass()對被選元素進行添加/刪除類的切換操作; ()裏面添加css寫好屬性的類名。

parent() 返回被選元素的直接父元素;
parents()返回被選元素的所有祖先元素;

children() 方法返回被選元素的所有直接子元素; 括號裏可傳參數過濾對子元素的搜索;
find() 返回被選元素的所有子元素,括號裏可傳參數過濾對子元素的搜索,加*號可返回所有後代;

siblings() 方法返回被選元素的所有同胞元素,可選參數過濾對同胞元素的搜素;
next() 方法返回被選元素的下一個同胞元素;
nextAll() 方法返回被選元素的所有跟隨的同胞元素;
nextUntil()方法返回介於兩個給定參數之間所有跟隨的同胞元素;

Jquery語法