极客教程jQuery live()方法
这个方法用来为选定的元素附加一个或多个事件处理程序。它还指定了事件发生时运行的函数。使用的事件处理程序将对与选择器相匹配的当前和未来的元素都有效。
语法:
$(selector).live(event, data, function)
属性:
- event。它用于指定事件，这些事件将被附加到元素上。如果有一个以上的事件，那么它们之间用空格分隔。
- function。它用于指定函数，当事件发生时，它将运行。
- data。它用于指定与函数一起传递的额外数据。它是一个可选的属性。
例子-1：事件发生时显示和隐藏文本。
<!DOCTYPE html>
<html>
<head>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js">
</script>
<script>
(document).ready(function() {
("button").live("click", function() {
$("p").slideToggle();
});
});
</script>
</head>
<body>
<p>Geeks for Geeks</p>
<button>Press</button>
<br>
<br>
<div><b><h4>Clicking on the 'Press'
button will execute the live method().
</h4></b> </div>
</body>
</html>
输出:
在点击按钮之前：
点击按钮后：。
例子-2：插入元素并在事件发生时隐藏。
<!DOCTYPE html>
<html>
<body>
<h1><center>Geeks
</center>
</h1>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js">
</script>
<script>
(document).ready(function() {
("p").live("click", function() {
(this).slideToggle();
});
("button").click(function() {
$("<p>Inserted Element</p>").insertAfter(
"button");
});
});
</script>
<p>Click here to make it disappear.</p>
<button>Click to insert an element</button>
</body>
</html>
输出:
Initially:
在点击按钮之前：
点击按钮后：。
