Jquery基礎知識

2021-08-07 22:49:27 字數 2300 閱讀 5779

1、寫得少,做得多

2、執行速度快

jqurey通過選擇器獲取標籤

$('#myid') //選擇

id為myid的網頁元素

$('.myclass') // 選擇

class為myclass的元素

$('li') //選擇所有的

li元素

$('#ul1 li span') //選擇

id為為ul1元素下的所有li下的span元素

$('input[name=first]') // 選擇

name屬性等於first的input元素

jquery選擇器對選擇器過濾

1. $('div').

has('p'); //

選擇包含

p元素的

div元素

2.$(『div』).

not(『.myclass』); //

選擇class

不等於myclass

的div元素

3.$('div').

eq(5); //

選擇第6

個div元素

選擇集轉移:

$('#box').

prev();//

選擇id

是box

的元素前面緊挨的同輩元素

$('#box').

prevall();//

選擇id

是box

的元素之前所有的同輩元素

$('#box').

next();//

選擇id

是box

的元素後面緊挨的同輩元素

$('#box').

nextall();//

選擇id

是box

的元素後面所有的同輩元素

$('#box').

parent();//

選擇id

是box

的元素的父元素

$('#box').

children();//

選擇id

是box

的元素的所有子元素

$('#box').

siblings();//

選擇id

是box

的元素的同級元素

$('#box').

find('.myclass'); //

選擇id

是box

的元素內的

class

等於myclass

的元素後代

jqurey判斷元素有無

長度大於0就代表該元素是存在的

長度大於0就代表該元素是存在的3.``` $ div = $(「。box」);

jquery樣式操作

:標籤屬性操作

1.讀和寫

通過css

$(「div」).css(「width」)讀取

$(「div」).css()寫入

2.操作樣式類名

1.addclass新增某個類的屬性

2.removeclass移除乙個或者多個類的屬性

3.toggleclass重複切換某個類的屬性

(如果有該屬性就刪除了,如果沒有就新增) 繫結

click事件:

1.$('#btn1').click

2.獲取元素的索引值

index()

3.$(this)使用的是

jquery物件

jquery的動畫

$(『#div1』).animate(style,speed,easing,callback)

speed - 設定動畫的速度

,毫秒.normal,fast,slow

easing - 規定要使用的

easing 函式,swing,linear

callback- 規定動畫完成之後要執行的函式

jquery 基礎知識

1,取物件 根據id取 物件的id 根據class取 物件的id 2,設定 獲取值 innerhtml val text innerhtml innertext 3,設定 獲取 table 中某行某列的值 設定table7,第2個tr的第乙個td的值。table7 tr eq 1 td nth ch...

JQuery基礎知識

jquery是js的封裝庫,提供了大量的apl,是目前使用最流行最廣泛的js庫。在head和body中都可以引入,注意放在頁面的標籤後面必須新增入口函式 function 父節點 parent 子節點 children 所有的兄弟節點 siblings 後面的乙個兄弟節點 next 前面的乙個兄弟節...

jQuery基礎知識

js框架 js的公升級版 把js做了封裝 檔案字尾 min.js min壓縮版 寫法 載入script 標籤 src jquery 必須在最上面 找元素var a document.getelementbyid aa alert a var a document.getelementsbyclass...