• jquery是一個功能強大的第三方庫,目前被廣泛使用, 微軟更是將其作為官方庫; 內部封裝適配多瀏覽器,運行速率高于原生

?

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({“width”:”300px”})寫入

?

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基础知识的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。