jQuery基本使用

2021-10-05 18:53:59 字數 1441 閱讀 3655

$是jquery的別稱

$是jquery的頂級物件,相當於原生js的window

用原生js獲取的物件就是dom物件

jquery方法獲取的元素就是jquery物件

jquery物件本質是:利用$ 對dom物件包裝後產生的物件(偽陣列形式儲存)

jqf-03:console.dir();

作用:檢視元素屬性

語法:console.dir($(名))

注意:dom只能用dom方法,jq只能用jq方法

dom轉jquery

1.$ (dom名)(直接獲取)

eg:$(『video』);

2.$(已定義dom名)(js已經定義的dom名,注.不加引號)

eg:var video = document.queryselector(『video』)

$(video);

jquery轉dom

1.$(dom名)[0](index是索引)

2.$(dom名).get(0)

轉化即可使用js原生方法

5.常用的jquery的api

html**

」):建立元素,屬性,文字

remove():刪除自已及其後代節點

val():獲取value屬性的值

val(""):設定value屬性值為"「空串,相當於清空

text():獲取html或xml標籤之間的值

text(」"):設定html或xml標籤之間的值為""空串

clone():只複製樣式,不複製行為

clone(true):既複製樣式,又複製行為

replacewith():替代原來的節點

removeattr():刪除已存在的屬性

addclass():增加已存在的樣式

removeclass():刪除已存在的樣式

hasclass():判斷標籤是否有指定的樣式,true表示有樣式,false表示無樣式

toggleclass():如果標籤有樣式就刪除,否則增加樣式

offset():獲取物件的left和top座標

offset():將物件直接定位到指定的left和top座標

width():獲取物件的寬

width(300):設定物件的寬

height():獲取物件的高

height(500):設定物件的高

children():只查詢子節點,不含後代節點

next():下一下兄弟節點

prev():上一下兄弟節點

siblings():上下兄弟節點

show():顯示物件

hide():隱藏物件

fadein():淡入顯示物件

fadeout():淡出隱藏物件

slideup():向上滑動

slidedown():向下滑動

slidetoggle():上下切換滑動,速度快點

jquery基本簡介與使用

它是乙個功能強大的js庫 它將一些常用的js通用功能和操作進行了封裝 是目前最流行的js庫 write less,do more 輕量級 小 跨瀏覽器 鏈式程式設計 讓程式設計更加簡單 使用簡單 入門快 jquery的模組化分 入口模組 相當於window.nl ad function f unct...

2018 2 15 jquery的基本使用

min 它是壓縮過的版本 區別 我們開發過程中,會用未壓縮的版本,或者壓縮的 專案上線的時候,我們要用壓縮過的版本。版本問題 1.1.版本 jquery 1.11.1.js 2.2.版本 不再支援ie6 7 8 1.要把我們的jquery原始檔拿到我們的專案裡面來 2.在我們的頁面中引用jquery...

菜鳥教你使用基本的jQuery

第一步 二.下面開始操作 1.首先要認識 是乙個工廠函式 返回的是乙個jquery物件 括號裡面叫表示式 2.認識一些基本方法 2.1.css 函式用於設定或返回當前jquery物件所匹配的元素的css樣式屬性值 2.2.val 方法返回或設定被選元素的值 只是返回val的值 元素的值是通過 val...