JQuery學習總結

2021-09-12 01:57:33 字數 1864 閱讀 6549

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擁有...