原创 jquery手寫簡單輪播效果

基於jquery的簡單輪播效果 無縫輪播、前進後退、指示器(分頁器) 使用時注意設置組外層寬高 html代碼   <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <ti

原创 swiper基本輪播演示

基於swiper及基本輪播效果 自動輪播+無縫輪播 左右按鈕控制效果 指示器(分頁器) 代碼示例: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>swi

原创 JavaScript---函數的屬性和方法

一個方法既是函數,又是對象。是由系統構造方法Function構造而來,Function的原型上有這麼幾個屬性或者是方法: name:函數的名字-字符串 arguments:函數的實參列表--數組 length:函數形參的長度---數字 c

原创 jQuery對象與js對象的區別以及index()/get()/eq()

我們首先要分清楚,用$()的方式,獲取的DOM對象是被封裝過的jq對象,可以使用jq提供的封裝過的方法。用js獲取的DOM對象就是jsDOM對象,不能使用jq封裝的方法。 想把jsDOM對象變成JqDOM對象,將jsDOM對象,放在$()

原创 jquery對象的創建、插入、刪除、clone

jq對於元素的創建與插入的方式,更加簡潔,操作更加簡單。 jq對象的創建 var div = $(<div><div/>); jq對象插入的方式,分爲在內部插入與在外部插入。簡單來說,是作爲兒子還是作爲兄弟。 /*創建兩個jq對象 d

原创 JavaScript--this的指向及call、apply的區別

判斷函數中this的指向 我們在使用函數時,常常用到this,判斷不同場景下this的指向是非常重要的。在此做一個總結,方便大家學習。 函數的使用場景,基本包含如下幾種場景。 普通函數中的this-------window 對象,方法中t

原创 javascript--鍵盤事件對應的鍵碼

js 裏面的鍵盤事件經常用到,所以收集了鍵盤事件對應的鍵碼來分享下: keyCode 8 = BackSpace BackSpace keyCode 9 = Tab Tab keyCode 12 = Clear keyCode 13 =

原创 javascript---對象繼承方式

對於初學這來說,掌握對象的繼承方式是必修課,今天就在這裏給大家總結下對象的幾種繼承方式。 在學習對象的繼承方式之前,需要了解什麼是原型及原型鏈的概念,不知道的話先去惡補下吧。 js並不是一門面向對象的語言,沒有類class的概念,在js中

原创 javascript--window對象及寬高、位置、滾動條

//window的屬性,大部分都是隻讀的,不支持設置,這裏也就不一一分析。使用的時候window全部作爲只讀看待,不要設置。 //爲了簡便,除非特殊說明,此文檔中的document.body代表元素(標籤) //一些需要兼容地方,也都有

原创 javascript-數組的遍歷新方法

最近一段時間對於數組的操作的很頻繁,這裏對數據及各特殊方法進行下整理:sort、some、forEach、filter、findIndex、every every()方法用來測試,數組的所有元素是否通過制定的函數測試 var arr

原创 jquery-----jq對象的創建、插入、刪除、clone

jq對於元素的創建與插入的方式,更加簡潔,操作更加簡單。 jq對象的創建 var div = $(<div><div/>); jq對象插入的方式,分爲在內部插入與在外部插入。簡單來說,是作爲兒子還是作爲兄弟。 /*創建兩個jq對象 d

原创 js鍵盤事件對應的鍵碼

js 裏面的鍵盤事件經常用到,所以收集了鍵盤事件對應的鍵碼來分享下: keyCode 8 = BackSpace BackSpace keyCode 9 = Tab Tab keyCode 12 = Clear keyCode 13 =

原创 javascript-window屬性---window窗口的大小、位置、滾動條----元素的大小、位置、滾動條

//window的屬性,大部分都是隻讀的,不支持設置,這裏也就不一一分析。使用的時候window全部作爲只讀看待,不要設置。 //爲了簡便,除非特殊說明,此文檔中的document.body代表元素(標籤) //一些需要兼容地方,也都有

原创 JavaScript--高級---函數中this的指向及call、apply的區別

判斷函數中this的指向 我們在使用函數時,常常用到this,判斷不同場景下this的指向是非常重要的。在此做一個總結,方便大家學習。 函數的使用場景,基本包含如下幾種場景。 普通函數中的this-------window 對象,方法中t

原创 Jquery中$(this)與this的區別

相信很多剛接觸JQuery的人,很多都會對$(this)和this的區別模糊不清,那麼這兩者有什麼區別呢?   首先來看看JQuery中的  $()  這個符號,實際上這個符號在JQuery中相當於JQuery(),即$(this)=jq