juqery的一些簡單用法

層級選擇器（重點）、基本過濾選擇器

:eq(index) 選擇匹配到的元素中索引號爲index的一個元素，index從0開始

:odd 選擇匹配到的元素中索引號爲奇數的全部元素，index從0開始

:even 選擇匹配到的元素中索引號爲偶數的全部元素，index從0開始

案例：$(「li:eq(2)」).css(「color」, 」red」)

篩選選擇器（方法）（重點）

find(selector) 查找指定元素的全部後代元素（子子孫孫）

children() 查找指定元素的直接子元素（親兒子元素）

siblings()  查找全部兄弟元素（不包括本身）

parent()  查找父元素（親的）

eq(index)

index() 獲取指定元素的索引號（從0開始的）

例：$(「#j_wrap」).find(「li」).css(「color」, 「red」);選擇id爲j_wrap的全部後代元素li

JQuery方法(樣式):

css() 設置或獲取元素的樣式屬性值

addClass(className) 爲指定元素添加類className

removeClass(className) 爲指定元素移除類 className 若是不寫參數會移除全部類名

hasClass(calssName) 判斷指定元素是否包含類 className 返回true或false

toggleClass(className) 爲指定元素切換類 className，該元素有類則移除，沒有指定類則添加。

JQuery方法(動畫):

 show(2000) 讓匹配的元素展現出來 參數爲執行時間單位爲毫秒 參數也能夠是 slow normal fast

 show(2000,callback) 第二個參數爲執行結束的回調函數；若是隻是顯示元素

 hide()隱藏元素 用法同上

 slideDown 元素下拉顯示

 slideUp 元素上拉隱藏    

 slideToggle()滑入滑出出切換效果

 fadeIn() fadeOut() 淡入淡出 fadeToggle() 元素淡入淡出切換效果

 fadeTo（1000,0.5）透明度變化效果 第一個參數是時間 第二個是透明度

 animate({params},time,callback) 動畫 參數一元素的屬性 參數二執行時間

 stop() 中止當前正在執行的動畫

JQuery節點:

append() 在元素中追加內容

appendTo(arg) 將調用方法的元素追加到arg中

prepend() 在元素的第一個子元素前面追加內容或節點

after() 在被選元素以後，做爲兄弟元素插入內容或節點

before() 在被選元素以前，做爲兄弟元素插入內容或節點

html() 設置或返回所選元素的html內容 推薦設置內容或者清空內容

remove() 清空元素包括本身

clone() 複製元素

attr() 獲取屬性或者設置屬性

removeAttr() 移除屬性

val()  設置或返回表單元素的值 傳參能夠傳入要設置的值

text()  設置或獲取匹配元素的文本內容 傳參能夠傳入要設置的值

height() 設置或獲取匹配元素的高度值  獲取是 返回的高度是數值能夠用於計算

offset()  獲取或設置元素相對於文檔左上角的位置

scrollTop() 獲取或者設置元素垂直方向滾動的位置

scrollLeft() 獲取或者設置元素水平方向滾動的位置