{jQuery}.get的範例

html
<span>&nbsp;</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當中, });

留言

這個網誌中的熱門文章

html嵌入youtube影片當背景,並靜音

css小發現:隱藏捲軸、強迫物件換行

好用的企畫編輯軟體- Axure