Rumah > Artikel > hujung hadapan web > jquery怎么处理事件的
jquery怎么处理事件的
- (*-*)浩asal
- 2019-05-30 10:34:253060semak imbas
jQuery 事件函数jQuery 事件处理方法是 jQuery 中的核心函数。
事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。术语由事件“触发”（或“激发”）经常会被使用。
jQuery 事件
下面是 jQuery 中事件方法的一些例子：
| Event 函数 |
绑定函数至 |
| $(document).ready(function) |
将函数绑定到文档的就绪事件（当文档完成加载时） |
| $(selector).click(function) |
触发或将函数绑定到被选元素的点击事件 |
| $(selector).dblclick(function) |
触发或将函数绑定到被选元素的双击事件 |
| $(selector).focus(function) |
触发或将函数绑定到被选元素的获得焦点事件 |
| $(selector).mouseover(function) |
触发或将函数绑定到被选元素的鼠标悬停事件 |
实例：
当你对按钮Click me进行点击操作时，
标签中的内容会隐藏。
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
</script>
</head>
<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button type="button">Click me</button>
</body>
</html>
结论
由于 jQuery 是为处理 HTML 事件而特别设计的，那么当您遵循以下原则时，您的代码会更恰当且更易维护：
把所有 jQuery 代码置于事件处理函数中
把所有事件处理函数置于文档就绪事件处理器中
把 jQuery 代码置于单独的 .js 文件中
如果存在名称冲突，则重命名 jQuery 库
Atas ialah kandungan terperinci jquery怎么处理事件的. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：什么是jQuery插件Artikel seterusnya：jquery怎么锁定焦点