1.什麼是jquery?
js庫是對js的封裝,簡化了操作
2.jquery介紹
優點:①.強大的選擇器
②.輕量級
③.簡化了dom操作
④.鏈式操作
⑤.jquery-ajax
ready()和onload()的區別:
ready() 執行多次 dom樹結構載入完畢以後就會執行 $(function())
onload() 只能執行一次 必須要等到等資訊載入完畢後才會進行
3.jquery選擇器
①.基本選擇器(萬用字元 * 標籤選擇器、id選擇器、類選擇器、並集選擇器)
②.層次選擇器(空格:所有的後代 >:直接子元素 +/next():兄弟元素 ~/nextall():所有後面的同級元素 )
③.過濾選擇器: :eq(index) :even :odd :first :last :hidden [attribute] :contains
④.表單選擇器: :input :text :password :checkbox :radio :file :email :color :button :submit :reset :image
⑤.元素選擇方法: next() nextall() siblings():所有的同級元素 parent() children()
finde():查詢 index():獲取元素的索引 eq(index) first() last() prev()
4.jquery dom操作
js:document.createelement("td")
④.刪除節點
remove():刪除節點 直接將標籤下的所有後代元素全部刪除
empty():清空節點 只是將文字內容清除掉 並不會將標籤刪除
⑤.修改節點
複製節點:clone(true)
⑥.屬性操作
attr():針對標籤的自定義屬性
新增屬性:$("p").attr("title","fruit");
獲取屬性:$("p").attr("屬性名");
移除屬性:removeattr()
prop():針對標籤的固有屬性
⑦.css操作
$("p").css("color","red");
設定單個樣式
$("p").css();
設定多個樣式
⑧.樣式操作
addclass(「classname」) 新增樣式
removeclass() 移除全部樣式
removeclass(「classname」) 移除單個樣式
hasclass() 判斷是否包含某個樣式 返回值:true|false
⑨.設定和獲取html文字、值
text() 獲取文字
text(「文字內容」) 設定文字
html() 獲取html
html(「html**」) 設定文字
val() 獲取表單元素的value值
val("") 設定表單元素的value值
5.jquery事件和方法
繫結事件:bind(type,function)
bind(「click」,function(){})
合成事件:hover()
toggle() 控制顯示和隱藏
動畫:show() 顯示
hide() 隱藏
6.jquery**和表單
jQuery學習總結
function jquery jquery function fn是jquery建構函式的prototype屬性的別名 通過布林型別的 boxmodel標誌可以知道當前頁面使用的是哪乙個方框模型 如果頁面使用w3c標準的方框模型,被設定為true 如果頁面使用ie瀏覽器的方框模型 有時稱為傳統模型...
JQuery學習總結
按照案例導向來總結 首先要想辦法找到元素 1.基本的語法,載入 2.相關選擇器 基本,層級,屬性 文件操作的篩選 3.dom物件和jq物件 前面有 符號 的轉換 然後要繫結事件 比dom的事件少乙個on 操作有bind,hover等 然後做一些屬性操作 attr,addclass,html等 然後注...
jQuery學習總結
1 查詢dom元素進行取值和賦值的操作 在特定節點位置進行內容的取值和賦值操作 innerhtml 2 針對元素進行事件監聽。3 通過操作dom節點結合改變元素的css樣式,達到絢麗的動畫效果。4 對dom元素進行ajax操作。對於jquery來說,可以對這四部分提供完美的實現 a jquery擁有...