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() 小於哪個下標
相關文章
- Day04
- 機器學習day04機器學習
- day04 函式函式
- Day04——Python模組Python
- 嵌入式day04
- Day04——Java新手學習Java
- ## day04總結(作業)
- 多執行緒Day04執行緒
- 孫空空的Vue之路-Day04Vue
- day04 必備基礎知識
- 學習筆記--Web基礎day04筆記Web
- Node.js學習筆記----day04Node.js筆記
- Mybatis整合Spring(ssm整合待續)-day04MyBatisSpringSSM
- Java之品優購課程講義_day04Java
- 傳智黑馬python基礎學習——day04Python
- 機器學習(課堂筆記)Day04:線性迴歸法機器學習筆記
- vue大型電商專案尚品彙(後臺篇)day04Vue
- 程式碼隨想錄演算法訓練營day04|24.兩兩交換連結串列中的節點,19.刪除連結串列的倒數第N個節點,面試題 02.07.連結串列相交,142.環形連結串列II演算法面試題