简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > js教程 > 主體

jQuery：live()方法的使用案例

黄舟
發布： 2017-06-26 09:17:40
原創
1101 人瀏覽過

這篇文章主要介紹了jQuery中live()方法用法,實例分析了live()方法的功能、定義及為匹配元素添加一個或多個事件,並規定當這些事件發生時運行函數的使用技巧,需要的朋友可以參考下

本文實例講述了jQuery中live()方法用法。分享給大家供大家參考。具體分析如下：

此方法為符合元素新增一個或多個事件，並規定當這些事件發生時執行的函數。
特別說明:jQuery1.9已經刪除此方法。

語法結構:

#複製程式碼 程式碼如下：

$(selector).live(type,data,function)
登入後複製

參數清單:

#描述#定義附加到元素的一個或多個事件類型。由空格分隔多個事件值。 事件處理函數的額外資料。
type
data#可選。定義傳遞到
##########
function定义当事件发生时运行的函数。

实例代码:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>脚本之家</title>
<style type="text/css">
p{border:1px solid blue;}
li{
  
list-style-type
:none;
  width:150px;
  height:150px;
  border:1px solid green;
}
</style>
<script type="text/
javascript
" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript"> 
$(
document
).ready(function(){ 
  $("p").live("click",function(){ 
    $("li").slideToggle();
  }) 
}) 
</script>
</head>
<body>
<p>
  <ul>
    <li>点击这里测试一下</li>
  </ul>
</p>
</body>
</html>
登入後複製

以上代码是为li元素注册click事件处理函数。

以上是jQuery：live()方法的使用案例的詳細內容。更多資訊請關注PHP中文網其他相關文章！

相關標籤：
jquery live 使用 方法 案例
來源：php.cn
上一篇：jQuery live事件的使用詳解 下一篇：jQuery中關於​​live綁定多個事件整理的詳解
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
在Nuxt.js中安裝jQuery的步驟 儘管我在專案中嘗試新增jQuery，但是我遇到一個錯誤，提示它未定義。 plugins:[{src:'~/plugins/js/svgSprite.js',mode:'client...
來自於 2023-11-06 16:41:50
0
1
225
jQuery取得資料屬性時得到錯誤的值 我有一個帶有資料屬性的div<divclass='p1'data-location='1'></div>我有這樣的腳本$('button').click(f...
來自於 2023-11-01 23:01:19
0
1
209
支援jQuery的Transfer-Encoding:chunked 我是網路開發人員。在我的腳本中使用header()設定「Transfer-Encoding:chunked」。並flush()到網頁。它將在網頁中分時列印。工作正常。但是，當我使用...
來自於 2023-10-25 23:44:37
0
1
230
如何使用 JavaScript 或 jQuery 來取得影像的自然尺寸？ 到目前為止我有這個程式碼：varimg=document.getElementById('draggable');varwidth=img.clientWidth;varheigh...
來自於 2023-10-21 13:53:08
0
2
275
自動擴展文字區域 我正在嘗試做一個簡單的自動擴展文字區域。這是我的程式碼：textarea.onkeyup=function(){textarea.style.height=textarea.cli...
來自於 2023-10-21 08:49:23
0
2
225
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！