jquery中使用event.target的幾點說明 (轉自http://blog.csdn.net/zm2714/article/details/8119642)

阿新 • • 發佈：2017-09-21

board ngs 使用 net spa dtd meta xhtml function

jquery中使用event.target的幾點說明

event.target

說明：引發事件的DOM元素。

this和event.target的區別

js中事件是會冒泡的，所以this是可以變化的，但event.target不會變化，它永遠是直接接受事件的目標DOM元素；

this和event.target的相同點

this和event.target都是dom對象，如果要使用jquey中的方法可以將他們轉換為jquery對象：$(this)和$(event.target);

這使我想起了以前寫的一個例子：

//del event

$(".del").bind("click",function(event){

var _tmpQuery=$(this);//為什麽要加上這一句？

var id=$("input[name=‘id‘]",$(this).parents("form:first")).attr("value");

art.dialog.confirm(‘你確認刪除該日誌嗎？‘,function(){

$.post("myRun/managerlog_del.php",{id:id},function(tips){

if(tips==‘ok‘){

art.dialog.tips(‘成功刪除‘);

$(_tmpQuery.parents(‘tr:first‘)).hide();//如果不加第一句，這裏用$($(this).parents(‘tr:first‘)).hide();則不會隱藏

//因為這裏的this，並不是當前的class="del"這個DOM對象了。而是jQuery的AJAX配置對象ajaxSettings。測試：alert(this.url);

}else{

art.dialog.tips(tips,5);

}

});

return true;

});

});

那麽現在我可以將上面代碼通過$(event.target)這個方式來實現隱藏tr，而不用通過$(_tmpQuery.parents(‘tr:first‘)).hide();這樣的方式，具體代碼如下：

[javascript] view plain copy

$(".del").bind("click",function(event){

//var _tmpQuery=$(this);這行代碼可以刪除

var id=$("input[name=‘id‘]",$(this).parents("form:first")).attr("value");

art.dialog.confirm(‘你確認刪除該日誌嗎？‘,function(){

$.post("myRun/managerlog_del.php",{id:id},function(tips){

if(tips==‘ok‘){

art.dialog.tips(‘成功刪除‘);

$(event.target).parents(‘tr:first‘).hide();

}else{

art.dialog.tips(tips,5);

}

});

return true;

});

});

event.target和$(event.target)的使用

[html] view plain copy

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>無標題文檔</title>

<script language="JavaScript" type="text/JavaScript" src="http://www.w3school.com.cn/jquery/jquery.js"></script>

<script type="text/javascript">

$(function(){

$("li").live("click",function(event){

$("#temp").html("clicked: " + event.target.nodeName);

$(event.target).css("color","#FF3300");

})

});

</script>

</head>

<body>

<div id="temp"></div>

<ul class="JQ-content-box" style="padding:20px; background:#FFFFFF">

<li>第一行

<ul>

<li>這是公告標題1</li>

<li>這是公告標題2</li>

<li>這是公告標題3</li>

<li>這是公告標題4</li>

</ul>

</li>

</ul>

</body>

</html>

上面的例子如果改成使用this

[javascript] view plain copy

<script type="text/javascript">

$(function(){

$("li").live("click",function(event){

$("#temp").html("clicked: " + event.target.nodeName);

$(this).css("color","#FF3300");

event.stopPropagation();

})

});

</script>

在看一個例子

[html] view plain copy

<!DOCTYPE html>

<html>

<head>

<script language="JavaScript" type="text/JavaScript" src="http://www.w3school.com.cn/jquery/jquery.js"></script>

<script>

$(document).ready(function(){

function handler(event) {

var $target = $(event.target);

if( $target.is("li") ) {

$target.children().toggle();

}

}

$("ul").click(handler).find("ul").hide();//從這裏也看出find只在後代中遍歷，不包括自己。

});

</script>

</head>

<body>

<ul>

<li>item 1

<ul>

<li>sub item 1-a</li>

<li>sub item 1-b</li>

</ul>

</li>

<li>item 2

<ul>

<li>sub item 2-a</li>

<li>sub item 2-b</li>

</ul>

</li>

</ul>

</body>

</html>

board ngs 使用 net spa dtd meta xhtml function jquery中使用event.target的幾點說明 event.target 說明：引發事件的DOM元素。 this和event.target的區別 js中事件是

eclipse 集成Maven（轉自:http://blog.csdn.net/wode_dream/article/details/38052639）

lin loser 說明位置到你 ide lan core fontsize 當自己越來越多的接觸到開源項目時，發現大多數的開源項目都是用maven來夠建的。並且在開發應用時，也越來越意識到maven的確會解決很多問題，如果你要了解maven，可以參考：Maven入門

laravel session使用轉自http://blog.csdn.net/angle_hearts/article/details/53923782

com lar new get ssi name sym 存儲 angle use Symfony\Component\HttpFoundation\Session\Session;//存儲session$session = new Session;$session->

linux音頻alsa-uda134x驅動文檔閱讀之一轉自http://blog.csdn.net/wantianpei/article/details/7817293

發出 hand 增加 int chang == 音頻 set device 前言目前，linux系統常用的音頻驅動有兩種形式:alsa oss alsa:現在是linux下音頻驅動的主要形式，與簡單的oss兼容。oss：過去的形式而我們板子上的uda1341用的就是als

SSIS獲得Excel行號(轉自http://blog.csdn.net/zplume/article/details/19113911)

number source 行數 put article 情況 art r+ 數據庫問題描述：首先個人並不推薦將Excel作為數據源，因為Excel單元格式會引起特別多的數據轉換問題，例如：單元格裏明明是2.89,但SSIS抽取到數據庫裏面之後卻變成了2.8899999

fastjson的使用（轉自:http://blog.csdn.net/wx_962464/article/details/37612861）

在開發Android的過程中，如果我們經常與伺服器打交道，更新資料等等，那麼json必然是個好的資料格式，但是有了json我們要解析它，使用原生的解析也可以，但是很不高效，所以這裡介紹兩種json資料解析的方式，一種是FastJSon ,這個是阿里巴巴出的，號稱最快的解

iotcl函式(轉自http://blog.csdn.net/shanshanpt/article/details/19897897)

我這裡說的ioctl函式是指驅動程式裡的，因為我不知道還有沒有別的場合用到了它，所以就規定了我們討論的範圍。寫這篇文章是因為我前一陣子被ioctl給搞混了，這幾天才弄明白它，於是在這裡清理一下頭腦。一、什麼是ioctl ioctl是裝置驅動程式中

Hibernate物件三種狀態詳細分析（轉自http://blog.csdn.net/redarmy_chen/article/details/7069482）

在hibernate中有三種狀態：瞬時態(Transient)、持久態(Persistent)、脫管態(Detached)。處於持久態的物件也稱為PO(Persistence Object)，瞬時物件和脫管物件也稱為VO（Value Object）。通過自己在網上的搜尋，

極大極小搜索思想+（α/β）減枝【轉自-----https://blog.csdn.net/hzk_cpp/article/details/79275772】

ima 基本個數博弈論數字這就是 pre -- 繼續極大極小搜索，即minimax搜索算法，專門用來做博弈論的問題的暴力. 多被稱為對抗搜索算法. 這個搜索算法的基本思想就是分兩層，一層是先手，記為a，還有一層是後手，記為b. 這個搜索是認為這a與b的利益關

pycharm的斷點除錯【轉自https://blog.csdn.net/weixin_39198406/article/details/78873120】

1. show execution point (F10)顯示目前專案所有斷點2. step over (F8)下一步但僅限於設定斷點的檔案3. step into (F7)執行下一行4. step into my code (Alt+Shift+F7)執行下一行但忽略libraries（匯入庫的語句）5.

MYSQL使用手冊轉自 https://blog.csdn.net/chaoyu168/article/details/50239603

本章通過演示如何使用mysql客戶程式創造和使用一個簡單的資料庫，提供一個MySQL的入門教程。mysql（有時稱為“終端監視器”或只是“監視”）是一個互動式程式，允許你連線一個MySQL伺服器，執行查詢並察看結果。mysql可以用於批模式：你預先把查詢放在一個檔案中，然後告訴mysql執行

TBSchedule原始碼學習筆記-啟動過程轉自https://blog.csdn.net/weiythi/article/details/78742651

TBSchedule基本概念及原理概念介紹 TBSchedule是一個支援分散式的排程框架，能讓一種批量任務或者不斷變化的任務，被動態的分配到多個主機的JVM中，不同的執行緒組中並行執行。基於ZooKeeper的純Java實現，由Alibaba開源。程式碼實

未定義行為---轉自https://blog.csdn.net/qq_29169813/article/details/51416281

什麼是未定義行為簡單地說，未定義行為是指C語言標準未做規定的行為。編譯器可能不會報錯，但是這些行為編譯器會自行處理，所以不同的編譯器會出現不同的結果，什麼都有可能發生，這是一個極大的隱患，所以我們應該儘量避免這種情況的發生。特徵包含多個不確定的副作用的程式碼的行為總是被認為未

Annovar註釋說明【轉載自http://blog.csdn.net/u013816205/article/details/51262289】

probably scores hit bar package 文件轉換命名 gre 下載 ANNOVAR是一個perl編寫的命令行工具，能在安裝了perl解釋器的多種操作系統上執行。允許多種輸入文件格式，包括最常被使用的VCF格式。輸出文件也有多種格式，包括註釋過的V

文件上傳的思考（轉） http://blog.csdn.net/ncafei/article/details/53401961

內容 html csdn 大小寫 eva 最大設備改變 tar 文件上傳校驗客戶端JavaScript校驗（一般只校驗後綴名）一般都是在網頁上寫一段javascript腳本，校驗上傳文件的後綴名，有白名單形式也有黑名單形式。　　判斷方式：在瀏覽加載文

Go語言庫之strconv包（轉載自--http://blog.csdn.net/alvine008/article/details/51283189）

整型 print 特殊 imp size 無符號 this http 相差 golang strconv.ParseInt 是將字符串轉換為數字的函數 func ParseInt(s string, base int, bitSize int) (i int64, err

Mongodb 叢集加keyFile認證，Mongodb使用者管理（轉：http://blog.csdn.net/wlzjsj/article/details/61421230）

介紹自從遠古計繩結開始，資料庫的儲存就註定了今天的地位和多樣性，Nosql的出現更是解決了現有的關係型資料庫無法解決的一些難題，對高效能，靈活度，擴充套件性，海量資料的問題。隨之而出現的高速記憶體索引資料庫、列式儲存、影象儲存等等，這篇文章主要講的是mongodb文件型資料庫，mongodb目

Notepad++外掛之ftp/sftp遠端編輯功能，以及各種外掛（轉：http://blog.csdn.net/happy_wu/article/details/73302994）

Notepad++的ftp/sftp遠端編輯功能介紹：Notepad++是一個優秀的開源編輯器，最大特性就是外掛豐富，這裡分享一下我常用的實用外掛，其中一些是Npp預裝的。這些外掛主要是開發相關的，所以如果想需要其它外掛，可以瀏覽一下。這裡我主要寫的是FTP外掛。一般情況下我

sqlite 資料型別全面（轉自：http://blog.csdn.net/jin868/article/details/5961263）

一般資料採用的固定的靜態資料型別，而SQLite採用的是動態資料型別，會根據存入值自動判斷。SQLite具有以下五種資料型別： 1.NULL：空值。 2.INTEGER：帶符號的整型，具體取決有存入數字的範圍大小。 3.REAL：浮點數字，儲存為8-byte IEEE浮

數據庫主鍵生成方式轉http://blog.csdn.net/w183705952/article/details/7102920

digg .com 表示加鎖 -m 之間 sequence 權力 ont 1) assigned主鍵由外部程序負責生成，無需Hibernate參與。2) hilo通過hi/lo 算法實現的主鍵生成機制，需要額外的數據庫表保存主鍵生成歷史狀態。3) seqhilo與hilo

jquery中使用event.target的幾點說明 (轉自http://blog.csdn.net/zm2714/article/details/8119642)

jquery中使用event.target的幾點說明

event.target

this和event.target的區別

this和event.target的相同點

event.target和$(event.target)的使用

相關推薦