- 獲取可視區(qū)的寬度和高度
獲取寬高的時(shí)候,要看有沒有DTD的說明,如果有,使用documentElement,如果沒有,使用body
var clientWidth = document.documentElement.clientWidth
var clientHeight = document.documentElement.clientHeight
- 吸頂條
可以直接獲取到div的寬度和高度,而且是不帶px, 并且樣式無論在哪都可以獲取到,這兩個(gè)屬性是只讀屬性
offsetWidth
offsetHeight
可以直接獲取到div的距離瀏覽器上邊的距離和距離瀏覽器左邊的距離,而且是不帶px, 并且樣式無論在哪都可以獲取到,這兩個(gè)屬性是只讀屬性
offsetTop
offsetLeft - 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是一個(gè)快速、小型、功能豐富的JavaScript庫。它使HTML文檔遍歷和操作、事件處理、動畫和Ajax等工作變得更加簡單,并且具有在多個(gè)瀏覽器之間工作的易于使用的API。結(jié)合了通用性和可擴(kuò)展性,jQuery改變了數(shù)百萬人編寫JavaScript的方式。
版本要求:看版本.txt
壓縮和非壓縮
.min.js : 壓縮版本,一行代碼,沒有了空格、縮進(jìn)等
.js : 非壓縮版本,正常的代碼查看
使用方式
可以本地使用
<script src="jquery/jquery-1.11.3.min.js"></script>
可以引入網(wǎng)絡(luò)文件使用
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
選擇器
jquery通過選擇器就可以找到指定的節(jié)點(diǎn)
id、class、標(biāo)簽、層級
基本
:first 第一個(gè)
:last 最后一個(gè)
:even 偶數(shù)下標(biāo)
:odd 奇數(shù)下標(biāo)
:eq() 等于哪個(gè)下標(biāo)
:gt() 大于哪個(gè)下標(biāo)
:lt() 小于哪個(gè)下標(biāo)