2. 程式人生 > >js.event之clkick

js.event之clkick

阿新 • • 發佈：2019-02-19

會疊加,疊加的的標籤沒有事件

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>click事件</title>
        <script type="text/javascript" src="js/jquery-3.2.1.js" ></script>
        <script type="text/javascript">
            $().ready(function
 
(){
                for(var i=0;i<3;i++)
                {
                    //會疊加,疊加的的標籤沒有事件
                    $("div").click(function(){
                        alert("我是div");
                        $("body").append($("<div/>").text("123"));
                    });
                }
            });
        
 
</script>
    </head>
    <body>
        <div>我是div</div>
    </body>
</html>

不會疊加，增加的標籤沒有事件

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>click事件</title>
        <script type="text/javascript"
 
 src="js/jquery-3.2.1.js" ></script>
        <script type="text/javascript">
            $().ready(function(){
                for(var i=0;i<3;i++)
                {

                    不會疊加，增加的標籤沒有事件
                    $("div").unbind("click");
                    $("div").bind("click",function(){
                    alert("我是div");
                    $("body").append($("<div/>").text("123"));
                    });                 
                }
            });
        </script>
    </head>
    <body>
        <div>我是div</div>
    </body>
</html>

會疊加，疊加的標籤有事件

$("body").delegate("div","click",function(){
                        $("body").append($("<div/>").text("123"));
                    })

相關推薦

js.event之clkick

會疊加,疊加的的標籤沒有事件 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"&

IE和FireFox中JS相容之event

event物件 IE 中可以直接使用 event 物件，而 FF 中則不可以，解決方法之一如下： var theEvent = window.event || arguments.callee.caller.arguments[0]; 第二種是將 event 作為引數來傳遞: function xxx(e

js事件之event.preventDefault()與event.stopPropagation()用法區別

很多朋友都以為event.preventDefault()與event.stopPropagation()是jquery的方法，其實不是的它們是js本身自帶的方法了，下面我來給各位同學簡單介紹它們兩的用法與區別了。 event.preventDefault()用法介紹

Vue.js學習之生命周期

ted eight http 初始 機會 編譯 log console eat 每個 Vue 實例在被創建之前都要經過一系列的初始化過程。例如，實例需要配置數據觀測(data observer)、編譯模版、掛載實例到 DOM ，然後在數據變化時更新 DOM 。在這個過程中

JS教程之實現加載圖片時百分比進度

scrip 計算 show || microsoft resp fire open func 思路：思路其實很簡單，ajax執行時，會生成一個event對象，其中會包含要加載的文件的大小和當前已經加載完成部分的大小，通過這兩個值即可計算出百分比 事件介紹onprogress

js補充之作用域

定義 生成 http -1 cti 例如 概念 演示 沒有 任何程序設計語言都有作用域的概念 簡單的說，作用域就是變量與函數的可訪問範圍，即作用域控制著變量與函數的可見性和生命周期。 在JavaScript中，變量的作用域有全局作用域和局部作用域兩種。 1. 全局作用

js基礎之---parseInt()

pre spa 分解 解析 int 設置 ont bsp 返回 定義和用法 parseInt()可解析一個字符串，並返回一個整數 語法 parseInt(string, radix) 參數 描述 string 必需。要被解析的字符串。 radix

[js高手之路]var, let, const詳解

兩種 控制 ghost 花括號 pre 內部 span lec 同名 1 function show( flag ){ 2 console.log( a ); 3 if( flag ){ 4

js特效之上下翻頁相冊效果

ref 相冊 xmlns otto perf wrapper 統一性 space auto //HTML部分: p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 19.0px Consolas; color: #289c97 } p

玩轉JS系列之代碼加載篇

關系 mage 如何 安裝 lan 單單 ejs lec 重要 從前我們這樣寫js <script type="text/javascript"> function a(){　　console.log(‘a init‘);}function b(){

[js高手之路] dom常用節點屬性兼容性詳解與應用

asc 子元素 種類型 process 變色 tex 如果 結構 節點和 一、每個DOM節點都有一個nodeType屬性，表示節點類型， NodeType一共有12種類型，我們可以通過遍歷內置的Node構造函數獲取 1 window.onload =

[js高手之路]一步步圖解javascript的原型(prototype)對象,原型鏈

create 原型對象 str 對象賦值 div blank type屬性 查找 __proto__ 我們接著上文繼續，我們通過原型方式，解決了多個實例的方法共享問題，接下來，我們就來搞清楚原型(prototype)，原型鏈的來龍去脈. 1 functio

[js高手之路]原型對象(prototype)與原型鏈相關屬性與方法詳解

隱式 之前 username tar uname create pro getproto .get 一，instanceof： instanceof檢測左側的__proto__原型鏈上，是否存在右側的prototype原型. 我在之前的兩篇文章 [js高手之路]構造函數的基

[js高手之路]使用原型對象(prototype)需要註意的地方

spa ray show 特性 之路 對象 重復 new i++ 我們先來一個簡單的構造函數+原型對象的小程序 1 function CreateObj( uName, uAge ) { 2 this.userName = uN

Vue.js學習之——安裝

nag npm安裝 window script cli 之前 引入 ini 官方 Vue.js的安裝方式有三種： 1、script引入 2、CDN 3、NPM 前兩種不細說，重點討論第三種——NPM安裝 Vue.js提供了一個名為Vue-cli的官方命令工具，使用之前先進行

[js高手之路]設計模式系列課程-單例模式實現模態框

ges 點擊 eat abs select nbsp str osi 控制 什麽是單例呢？ 單，就是一個的意思。例：就是實例化出來的對象，那合在一起就是保證一個構造函數只能new出一個實例，為什麽要學習單例模式呢？或者說單例模式有哪些常見的應用場景.它的使用還是很廣泛，比如

[js高手之路] 我的開源javascript框架gdom - 選擇器用法

htm query bsp https title 是我 pad logs ext gdom框架是我開發的一款dom和字符串處理框架，目前版本是1.0.0. 使用方法跟jquery是差不多的, 會用jquery就會用gdom，目前 1.0.0版本的選擇器完全支持CSS3選擇

[js高手之路]設計模式系列課程-委托模式實戰微博發布功能

i++ 發布 動態 use shee 內容 標題 cnblogs 文件 在實際開發中，經常需要為Dom元素綁定事件，如果頁面上有4個li元素，點擊對應的li，彈出對應的li內容，怎麽做呢？是不是很簡單？ 大多數人的做法都是：獲取元素，綁定事件 1 <ul&

[js高手之路]設計模式系列課程-發布者,訂閱者重構購物車

購物車 代碼重構 發布者訂閱者模式，是一種很常見的模式，比如:一、買賣房子生活中的買房，賣房，中介就構成了一個發布訂閱者模式，買房的人，一般需要的是房源，價格，使用面積等信息，他充當了訂閱者的角色中介拿到賣主的房源信息，根據手頭上掌握的客戶聯系信息(買房的人的手機號)，通知買房的人，他充當了發布者的角

[js高手之路]面向對象+設計模式+繼承一步步改造簡單的四則運算

繼承 設計模式 到目前為止，我已經寫完了面向對象完整的一個系列知識，前面基本屬於理論，原理的理解，接下來，我們就用學到的知識來實戰下吧.看看理解原理和理論是否重要？例子從簡單到復雜一、單體（字面量）封裝加減乘除var Oper = { add : function( n1, n