用chrome瀏覽器打開頁面,按f12調出開發者調試模式,查看elements,部分代碼如下圖所示,注意紅框部分

假設我們要查找某些元素的位置,用鼠標移到那部分元素,調試器會自動用藍顏色標示選中部分的相應代碼,如上圖的紅框中所示。
點擊console
在控制台輸入命令:elements=jQuery.find('button.navbar-toggle')
目的是尋找jquery相應元素,並賦值對象屬性到elements這個變量
運行后可以看到所有相應的元素,然后輸入elements[0]之類的語句確切定位想要查看的元素,0是第一個,1是第二個
最后輸入elements[0].textContext之類的命令查看標簽屬性,假設查看元素類似<...class='navbar-toggle'...>image<...>這樣的格式,那么elements[0].textContext命令執行結果為image
用這種方法可快速抓取網頁中jquery元素進行利用
