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