lillll/li
成都創新互聯公司是一家專注于網站制作、做網站與策劃設計,化州網站建設哪家好?成都創新互聯公司做網站,專注于網站建設10年,網設計領域的專業建站公司;建站業務涵蓋:化州等地區。化州做網站價格咨詢:13518219792
li2222/li
li3333/li
script
$('li').on("click",?function?()?{
alert($(this).text()?+?'?li被點擊了');
});
/script
輸入$('ul li').click(function(){// TODO});
利用jQuery動態獲取點擊事件:
打開HBuilder開發工具,創建Web項目,并在web項目指定目錄下新建靜態頁面,引入核心js,
插入可以操作的DOM元素,在body/body插入div和ul元素,并給ul屬性id,
在ul下方插入一個按鈕button,設置id和class屬性,引入樣式文件,
在jquery初始化函數內編寫按鈕點擊事件,動態向ul中插入li元素,并在li元素插入a標簽,a標簽有點擊事件,
編寫完畢后,預覽該靜態頁面,點擊“添加”按鈕,發現報錯,
檢查js代碼,發現a標簽點擊事件傳參時單雙引號出錯,修改之后再次預覽。
1、新建HTML文件。
2、引入jquery.min.js文件。
3、創建HTML內容。
4、預覽效果如圖。
5、用jquery創建點擊事件,點擊隱藏按鈕,p內容隱藏。
6、用jquery創建點擊事件,點擊顯示按鈕,p內容顯示。
7、預覽如圖當點擊隱藏按鈕,p內容隱藏。
實現的方法如下:
1、第一步,創建一個新的html文件,見下圖,轉到下面的步驟。
2、第二步,執行完上面的操作之后,創建輸入框和按鈕,見下圖,轉到下面的步驟。
3、第三步,執行完上面的操作之后,預覽效果見下圖,轉到下面的步驟。
4、第四步,執行完上面的操作之后,需要引入jquery.js,見下圖,轉到下面的步驟。
5、第五步,執行完上面的操作之后,設置輸入框的keydown事件與click事件,見下圖,轉到下面的步驟。
6、第六步,執行完上面的操作之后,按鈕單擊觸發事件,見下圖,轉到下面的步驟。
7、第七步,執行完上面的操作之后,單擊按鈕,效果見下圖。這樣,就解決了這個問題了。
這個太簡單了,屬于JS的冒泡機制。
$("#我是子li").click(function(e){ // 注意,括號里必須有個自定義的變量,可以是e或者其他
e.stopPropagation(); // 阻止冒泡
。。。// 你自己的代碼(略)
});
可能你第二次點擊的不是li元素,而是li元素中的a標簽,
無論點擊li還是a,都是會觸發你寫的那個click事件的
你寫的方法明顯是必須點擊li才可以,點擊a就會報錯了
正常a標簽點擊就是會跳轉頁面的,為什么還要寫事件去支持出發它
如果你非要你那么寫,click事件里面要首先判斷 點擊觸發的是什么元素,
通過 event.target||event.srcElement獲取,判斷如果是li執行你上面寫的代碼,如果是a,你就重新寫下邏輯。