標籤:

利用jquery完成一些簡單視覺效果(預備篇)

首先我們需要介紹一下我們可能使用到的方法

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