hive 統計使用者在同一地點停留時長
阿新 • • 發佈：2022-03-04
jQuery是一個常用的js語法庫，用於簡化js程式設計
語法：jquery 中提供了兩個全域性變數，他們的值是同一個函式，按外掛的命名規則，命名應該用jQuery命名，但為了簡化，使用$也可以
console.log($, jQuery);
$這個函式返回值是一個物件，稱之為jquery物件，jQuery中定義的幾乎所有的API或屬性，都需要用jquery物件呼叫
console.log($());
$() 引數可以是樣式選擇器，用於查詢所有符合條件的標籤，放入一個jquery物件結構中返回，jquery物件是一個類陣列結構
console.log($('h1'));
console.log($('myH1'));
console.log($('ul li'));
也可以是標籤本身,會用jQuery物件包裹這個js元素，然後就可以使用jquery的API
console.log( $(document.body));
// 可以通過索引取出jQuery物件中標籤元素 console.log( $(document.body)[0]); 可以通過以下兩種方式把jquery物件(類陣列)轉換為陣列
console.log(Array.from($('ul li')));
console.log($('ul li').toArray()); 先將jquery轉為陣列在遍歷 $('ul li').toArray().forEach((item, index) => { document.write(item.innerText + index) });
// 直接對jQuery物件遍歷 $('ul li').each((index, item) => { document.write(item.innerText + index) })
// 特別注意：js原生的foreach迴圈回撥第一個引數是item,jQuery的each迴圈回撥的第一個引數是index
// 可以通過索引取出jQuery物件中標籤元素 console.log( $(document.body)[0]); 可以通過以下兩種方式把jquery物件(類陣列)轉換為陣列
console.log(Array.from($('ul li')));
console.log($('ul li').toArray()); 先將jquery轉為陣列在遍歷 $('ul li').toArray().forEach((item, index) => { document.write(item.innerText + index) });
// 直接對jQuery物件遍歷 $('ul li').each((index, item) => { document.write(item.innerText + index) })
// 特別注意：js原生的foreach迴圈回撥第一個引數是item,jQuery的each迴圈回撥的第一個引數是index