day04 -js04

weixin_33782386發表於2018-09-06

獲取可視區的寬度和高度
獲取寬高的時候,要看有沒有DTD的說明,如果有,使用documentElement,如果沒有,使用body
var clientWidth = document.documentElement.clientWidth
var clientHeight = document.documentElement.clientHeight

1、吸頂條

可以直接獲取到div的寬度和高度,而且是不帶px, 並且樣式無論在哪都可以獲取到,這兩個屬性是隻讀屬性
offsetWidth
offsetHeight

可以直接獲取到div的距離瀏覽器上邊的距離和距離瀏覽器左邊的距離,而且是不帶px, 並且樣式無論在哪都可以獲取到,這兩個屬性是隻讀屬性
offsetTop
offsetLeft

2、自動播放選項卡

見程式碼

3、jquery

jquery是什麼?
jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.
jQuery是一個快速、小型、功能豐富的JavaScript庫。它使HTML文件遍歷和操作、事件處理、動畫和Ajax等工作變得更加簡單,並且具有在多個瀏覽器之間工作的易於使用的API。結合了通用性和可擴充套件性,jQuery改變了數百萬人編寫JavaScript的方式。
版本要求:看版本.txt
壓縮和非壓縮
    .min.js : 壓縮版本,一行程式碼,沒有了空格、縮排等
    .js : 非壓縮版本,正常的程式碼檢視
使用方式
    可以本地使用
    <script src="jquery/jquery-1.11.3.min.js"></script>
    可以引入網路檔案使用
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
選擇器
    jquery通過選擇器就可以找到指定的節點
        id、class、標籤、層級
    基本
        :first   第一個
        :last    最後一個
        :even    偶數下標
        :odd     奇數下標
        :eq()    等於哪個下標
        :gt()    大於哪個下標
        :lt()    小於哪個下標