{jQuery}.get的範例
html
<span> </span>
<p>In this paragraph is an <span>important</span> section</p>
<div><input type="text" /></div>
<a href="#">not special</a>
script
畫面上點到的東西都會顯示出他的標籤名稱,
<span> </span>
<p>In this paragraph is an <span>important</span> section</p>
<div><input type="text" /></div>
<a href="#">not special</a>
script
$("*", document.body).click(function (e) {
e.stopPropagation();
var domEl = $(this).get(0);
$("span:first").text("Clicked on - " + domEl.tagName);
});
畫面上點到的東西都會顯示出他的標籤名稱,
$("*", document.body).click(function (e) {
//當頁面上body裡的任一東西被按到之後,會執行以下
e.stopPropagation();
//此行會中止底下.get()的向上爬
var domEl = $(this).get(0);
//當東西被按到時,會由目前的選項開始逐一的往上爬並呈現
//當按到input就會顯示input 、div
//所以我們只取得第一個
$("span:first").text("Clicked on - " + domEl.tagName);
//將結果的'標籤'寫入第一個span當中,
});
留言
張貼留言