ホームページ > ウェブフロントエンド > jsチュートリアル > jqueryevent.target_jquery の使用に関するいくつかの手順

jqueryevent.target_jquery の使用に関するいくつかの手順

WBOY
リリース: 2016-05-16 17:35:03
オリジナル
1412 人が閲覧しました

event.target
説明: イベントをトリガーした DOM 要素。

これとevent.targetの違い
js内のイベントはバブルアップするため、これは変更される可能性がありますが、event.targetは変更されず、常に直接ターゲットになりますイベントを受け入れる DOM 要素

this とevent.target の類似点
This とevent.target はどちらも DOM オブジェクトです。jquey でメソッドを使用したい場合は、それらを jquery オブジェクトに変換できます。 this) と $(event.target);

これは、以前に書いた例を思い出させます:

コードをコピー コードは次のとおりです。 :

//del イベント
$(".del").bind("click",function(event){
var _tmpQuery=$(this);//理由追加します この文は?
var id=$("input[name='id']",$(this).parents("form:first")).attr("value");
アート.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() を使用すると
は非表示になりません。 // これは現在の class="del ではないため」ただし、jQuery の AJAX 設定オブジェクト ajaxSettings.
🎜> ;
return true;
$(_tmpQuery.parents('tr:first')) を使用する必要はありません。 Hide();。具体的なコードは次のとおりです:




コードをコピーします


コードは次のとおりです:
$(".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'){
アート。 Dialog.tips( '削除された');
5);
; 🎜> コードは次のとおりです:





無标题文档






  • 第一行

    • これは公告标题1

    • これは公告です标题2

    • これは公告标题3

    • これは公告标题4


    < ;/li>




上の例子如果変更使用この
复制代 代码如下:


< ;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 は後代にのみ渡され、自己は含まれません。 ;


  • 項目 1
    • サブ項目 1-a
    • サブ項目 1- b



  • 項目 2

    • サブ項目 2-a< /li>
    • サブ項目 2-b








パラメータなしの toggle() 関数:

toggle には 2 つの関数があります:
toggle()
要素の表示状態を切り替えます。
要素が表示されている場合は非表示に切り替え、要素が非表示になっている場合は表示に切り替えます。

toggle(fn,fn)
クリックするたびに呼び出される関数を切り替えます。
一致する要素をクリックすると、指定された最初の関数がトリガーされ、同じ要素が再度クリックされると、指定された 2 番目の関数がトリガーされます。後続のクリックごとに、これら 2 つの関数の呼び出しが順番に繰り返されます。
unbind("click") を使用して削除できます。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート