如何查找網(wǎng)頁元素對應(yīng)的JS代碼（如圖）？如果可以調(diào)試，可以打開瀏覽器的調(diào)試功能。以chrome為例，按F12打開“調(diào)試”窗口，切換到“源”選項(xiàng)卡，并在最右側(cè)的“事件偵聽器斷點(diǎn)”中選中鼠標(biāo)下方的“鼠標(biāo)上

如何查找網(wǎng)頁元素對應(yīng)的JS代碼（如圖）？

如果可以調(diào)試，可以打開瀏覽器的調(diào)試功能。

以chrome為例，按F12打開“調(diào)試”窗口，切換到“源”選項(xiàng)卡，并在最右側(cè)的“事件偵聽器斷點(diǎn)”中選中鼠標(biāo)下方的“鼠標(biāo)上方”。當(dāng)鼠標(biāo)移到圖片時(shí)，將觸發(fā)mouseover事件。Chrome可以響應(yīng)事件，設(shè)置斷點(diǎn)，并跟蹤JS代碼以供查看。

如何查找元素對應(yīng)事件的js代碼？

首先，右鍵單擊要通過Chrome的devools查找的元素。

單擊“審閱元素”：在DOM樹中查找要查看的元素：單擊右側(cè)或下方的“事件偵聽器”：將顯示綁定到此元素的DOM事件列表。例如，上圖Li與OnMouseOver綁定。點(diǎn)擊右邊的j.js:2390跳轉(zhuǎn)到事件綁定代碼定義的位置。

如何通過js給某個(gè)元素設(shè)置樣式？

1. 使用CSS屬性

var display=$（“#id”）。CSS（“display”）如果（display==“none”）{警報(bào)（“你找到我了，我被隱藏了！”！")}

2. 使用jQuery內(nèi)置選擇器

假設(shè)我們的頁面有這樣一個(gè)標(biāo)記，

<div id=“test”><P>只用于測試</P></div>

然后，我們可以使用下面的語句來確定id為“test”的標(biāo)記是否隱藏：

if（$（“ est”）。Is（“：hidden”{…}//前提是jQuery庫已經(jīng)導(dǎo)入

這樣，我們可以很容易地判斷元素是否隱藏，并根據(jù)其狀態(tài)設(shè)置動(dòng)畫，例如：

if（$（“#test”）。是（“：hidden”）{$（“#test”）。Show（）//如果元素被隱藏，它將被顯示}否則{$（“#test”）。Hide（）//如果元素可見，則隱藏它}

3。JQuery決定對象是顯示還是隱藏

JS code

//JQuery（“#tanchubg”）。CSS（“display”）//jQuery（“#tanchubg”）。Is（“：visible”）//jQuery（“#tanchubg”）。是（“：hidden”）