今天介紹關於jq和js的定時操作,其實jq和js的出生就是把網頁更有動態效果,更能吸引眼球,不讓網頁那麼的死板,其實js和jq的定時操作思想其實都差不多的就是表達方式不一樣,jq的**看起來更為簡潔一點
先介紹一下js的定時操作的過程文字表述一下:
1.獲取到的位置把隱藏,這裡為什麼要先隱藏呢,你看過網頁彈出的廣告吧,都是進去一會在彈出的,這也差不多就是這個意思,你也可以載入網頁就直接彈出也可以
2.定時把顯示出來
3.書寫定時操作的函式
4.清除定時操作,這樣可以保證程式健壯性,如果沒有清除的話,程式就會重複的執行定時的把顯示出來,可想而知,每個你設定的時間就會載入一次
5.定時隱藏顯示的,
6.書寫隱藏函式
7.清除定時隱藏的操作,原因同(3)
**獻上:
這下面是用jq寫的定時廣告,其實都差不多,jq的寫法比js的更為簡潔,
1.載入jq的架包
2.寫出載入函式
3.隱藏
4.顯示隱藏
5.書寫顯示函式
6.清除顯示操作
7.隱藏
8.書寫隱藏函式
9.清除隱藏操作
這裡6,9的清除操作原因和js中的(3)一樣
在這裡我為了顯示出jq的強大,提供了幾種顯示和隱藏的方式滑下slidedown(這裡可以設定這個操作所需要的時間)滑上slideup(這裡可以設定這個操作所需要的時間);漸入fadein(這裡可以設定漸入的時間),漸出fadeout(這裡可以設定漸出的時間);
具體的在**上看了!
**獻上:
js和jq的區別
1 js和jq在使用方法和屬性上的區別 1 jq物件不能使用js物件的方法和屬性,js物件不能使用jq物件的方法和屬性。2 jq物件全部都是乙個陣列物件 3 js和jq的轉換 1.js物件轉換成jq物件的方式 js物件 2.jq物件轉換成js物件方式 jq物件 索引值 jq物件.get 索引值 3....
jq和js的關係 JS和JQUERY的區別
根據id取元素 js 取到的是乙個dom物件。例 var div document.getelementbyid one jquery 取到的是乙個jquery物件。例 var div one 括號裡面是根據某個東西來找,相當於乙個選擇,如果我們要根據id來找,在樣式表裡的id是用 來表示的,所以在...
JQ操作類與JS操作類的區別
1 原生js操作類 會覆蓋元素原先的類名 2 jq操作類 jq裡面的類只是對指定類進行操作 追加 移除 等操作,不影響原來的類名 2.1jq追加類 element.addclass 類名 2.2jq移除類 element.removeclass 類名 one div body 1 原生js操作類名 ...