$是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...