jQuery 常用知識

基本選擇器

過濾選擇器

篩選選擇器

dom物件 ↔ jquery物件

jquery 方法

詳細**

1. jquery入口函式：

//第一種寫法

$(document)
.ready
(function()
);//第二種寫法$(
function()
);<
/script>

window.

onload
=function()
;<
/script>

區別：

jquery的入口函式可以寫多個；window.onload不能寫多個。

jquery的入口函式優先於原生js的入口函式執行。

描述id選擇器

$(』#id』)

獲取指定id的元素

類選擇器

$(".類名")

獲取同一class的元素

標籤選擇器

$(「標籤名」)

獲取同一標籤的所有元素

並集選擇器

$(』.box,.box2』)

獲取符合條件之一的元素

交集選擇器

$(『li.red』)

獲取類名為red的li元素

名稱用法

描述:eq(索引)

$(『li:eq(2)』).css(『color』,『red』);

獲取到的li元素中，選擇索引號（從0開始）為2的元素

:odd

$(『li:odd』).css(『color』,『pink』);

獲取到的li元素中，選擇索引號（從0開始）為奇數的元素

:even

$(『li:even』).css(『color』,『blue』);

獲取到的li元素中，選擇索引號（從0開始）為偶數的元素

名稱用法

描述children(選擇器)

$(『ul』).children(『li』)

相當於$('ul>li')子類選擇器

find(選擇器)

$(『ul』).find(『li』)

相當於$('ul li')後代選擇器

siblings(選擇器)

$(』#first』).siblings(『li』)

查詢兄弟節點，不包括自身

parent()

$(』#first』).parent()

查詢父親

eq(索引)

$(『li』).eq(3)

相當於$('li:eq(3)')

next()

$(『li』).next()

查詢下乙個兄弟

prev()

$(『li』).prev();

查詢上乙個兄弟

詳細**、demo

1. dom物件 → jquery物件

var div1 = document.

getelementbyid
('div1');
//dom物件
var $div1 =
$(div1)
;// jquery物件

var $div1 =$(

'#div1');
//此為 jquery物件
//方法一：利用下標
var div1 = $div1[0]
;//此為 dom物件
//方法二：使用jquery物件的get()方法：
var div1 = $div1.
get(0)
;//此為 dom物件

詳細**

不給引數就是獲取；給引數就是設定。

text()

//獲取
text
('...'
)//設定

詳細**

語法：

css()

//獲取
css(
'樣式名'
:'樣式值'
)//設定單樣式
css(
)//設定多樣式

詳細**

語法：名稱

用法描述

新增類.addclass(『類名』)

為元素新增類名

移除類.removeclass(『類名』)

為元素移除類名

判斷類.hasclass(『類名』)

判斷元素是否有某個類名

切換類.toggleclass(『類名』)

如果元素有某個類名就刪除；如果元素沒有某個類名就新增

4. 顯示/隱藏

詳細**

//顯示：$(

this).
children
('ul').
show()
;//等同於$(
this).
children
('ul').
css(
'display'
:'block');
//隱藏：$(
this).
children
('ul').
hide()
;//等同於$(
this).
children
('ul').
css(
'display'
:'none'
);

JQuery常用知識秘密

1.什麼是jquery 就是乙個小型前端的框架，多用於開發中小型專案 2.如何使用jquery 引入jquery 3.2.1.min.js即可 3.查詢元素 4.事件 5.遍歷 子元素遍歷 祖先元素 attr和prop prop 表示獲取或者設定固有的屬性的值 6.隱藏和顯示 7.類的新增和刪除 8...

jquery常用基本知識

一 基礎選擇器的使用 divid 選擇id未divid的元素 a 選擇所有元素 bgred 選擇所用css類未bgred的元素 選擇頁面所用元素 divid,a,bgred 同時匹配多個 二 層次選擇器 bgred div 選擇css類為bgred的元素中的所有 mylist li 選擇css類為m...

jquery常用知識點

1.原生的js 如果編寫多個入口函式，後面編寫的會覆蓋前面編寫的。2.jquery 中如果編寫多個入口函式，後面的不會覆蓋前面的。靜態方法 靜態方法通過類名呼叫 例項方法 例項方法通過例項呼叫 function fn fn.prototype.name lina var fn new fn cons...