jQuery是一個非常流行的JavaScript框架,廣泛應用于Web應用程序開發(fā)中。如果你是一個初學者或已經是一個有經驗的開發(fā)者,通常也需要記錄并查看這樣的一些信息,這時候jQuery速查表可以給你提供幫助。
下面是一個jQuery速查表,它包含了一些常用的jQuery方法和屬性。你可以將它打印出來,放在你的工作桌上,用于查詢和參考。
選擇器方法:
$(selector) //使用選擇器選擇元素 $(this) //選擇當前元素 $("p, #id, .class") //多個選擇器組合 $("parent >child") //選擇當前父級下的子元素 $("p:first") //選擇第一個p元素 $("p:last") //選擇最后一個p元素 $("p:eq(1)") //選擇第2個p元素 $("p:gt(1)") //選擇p索引值大于1的元素 $("p:lt(1)") //選擇p索引值小于1的元素 $("p:not(:eq(1))") //選擇除第2個p元素以外的p元素 $("p:even") //選擇p索引值為偶數的元素 $("p:odd") //選擇p索引值為奇數的元素 $("p:first-child") //選擇作為第一個子元素的p元素 $("p:last-child") //選擇作為最后一個子元素的p元素 $("p:only-child") //選擇作為唯一一個子元素的p元素
DOM操作:
$(element).hide() //隱藏元素 $(element).show() //顯示元素 $(element).toggle() //切換元素顯示和隱藏 $(element).addClass() //添加類 $(element).removeClass() //移除類 $(element).toggleClass() //切換類 $(element).attr() //獲取或設置元素屬性 $(element).html() //獲取或設置元素內容 $(element).text() //獲取或設置元素純文本內容 $(element).val() //獲取或設置元素的值 $(element).append() //在元素內部結尾插入新元素 $(element).prepend() //在元素內部開頭插入新元素 $(element).after() //在元素之后插入新元素 $(element).before() //在元素之前插入新元素 $(element).remove() //刪除元素
事件:
$(element).click() //單擊事件 $(element).dblclick() //雙擊事件 $(element).mouseover() //鼠標移入事件 $(element).mouseout() //鼠標移出事件 $(element).mousedown() //鼠標按下事件 $(element).mouseup() //鼠標松開事件 $(element).mousemove() //鼠標移動事件 $(element).keydown() //鍵盤按下事件 $(element).keyup() //鍵盤松開事件 $(element).submit() //提交事件 $(element).focus() //獲得焦點事件 $(element).blur() //失去焦點事件 $(element).load() //元素加載事件總之,jQuery速查表可以使你的開發(fā)更加快速和高效。
上一篇jquery 遞歸 菜單
下一篇富文本如何加入css