day04 -js04
獲取可視區的寬度和高度
獲取寬高的時候,要看有沒有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() 小於哪個下標