利用jquery完成一些簡單視覺效果(預備篇)
02-04
首先我們需要介紹一下我們可能使用到的方法
.eq(index)
.length
.css()
.animate()
setTimeout()
.fadeIn()
.fadeOut()
這些方法中有的我們已經接觸過 比如animate()方法 在此間不再贅述
1 .eq()方法 這是一種過濾方法 它從指定的集合中取得指定位置的元素 然後以jQuery對象的形式返回 如果index值 超出了邊界範圍 則返回空的jQuery對象
例如 我們有一系列img 則我們可以進行如下的操作
var $pic = $(#img a);nvar imgv;nimgv = $pic.eq(int);//把int替換成整數值 也可以應用在循環里n
2 .length方法
顧名思義 是返回一個jQuery對象數組長度的值
3 .css()方法
.css()方法 像之前提到過的 .html()方法 以及.text()方法 一樣為某些元素重新添加css樣式.
4 setTimeout()方法
這個方法有兩個參數 我們要採取的動作及這個動作執行之前所需要等待的時間 這個時間以毫秒計算
其中的第一個動作當然可以替換為函數
5 fadeIn()和fadeOut()
分別使用淡入和淡出效果來顯示
$()選中元素運用.fadeIn()方法 來執行事件
推薦閱讀:
※如何快速找到jQuery對某個事件的處理代碼?
※jQuery3-IIFE
※jquery 學習 第五期
※關於 jQuery,什麼叫隱式迭代(implicit iteration)?
※為什麼有很多人明明基礎都不會,卻一直在討論jQuery?
TAG:jQuery |