jQuery 事件

来源：互联网发布：阿里云域名解析设置编辑：程序博客网时间：2024/06/05 19:15
<html><head><title>jQery事件</title><meta name="lucheng" content="text/html;charset=UTF-8" /><script src="H:/jQuery/jquery-3.1.0.js"></script><script>/*鼠标事件click: 鼠标单击时触发；dblclick：鼠标双击时触发； mouseenter：鼠标进入时触发；mouseleave：鼠标移出时触发； mousemove：鼠标在DOM内部移动时触发； hover：鼠标进入和退出时触发两个函数，相当于mouseenter加上mouseleave。 键盘事件 键盘事件仅作用在当前焦点的DOM上，通常是<input>和<textarea>。 keydown：键盘按下时触发； keyup：键盘松开时触发； keypress：按一次键后触发。 其他事件 focus：当DOM获得焦点时触发； blur：当DOM失去焦点时触发； change：当<input>、<select>或<textarea>的内容改变时触发； submit：当<form>提交时触发； ready：当页面被载入并且DOM树完成初始化后触发。unbind：取消绑定的事件*///$(function (){})相当于window.onload = function(){}$(function (){/*非委派事件,页面加载完成后执行一次/*$('[name="add"]').click(function (){alert('你点击了添加');});*//*委派事件当事件冒泡到document对象时，检测事件的target，如果与传入的选择符（这里是 name="add"）匹配，就触发事件，否则不触发。*/$(document).on('click','[name="add"]',function (){alert('你点击了添加');});$('[name="delete"]').click(function () {alert('你点击了删除');});$('[name="createButton"]').click(function () {$('body').append('<button name="add">添加</button>');});});</script></head><body><button name="add">添加</button><button name="delete">删除</button><button name="createButton">添加按钮</button></body></html>
阅读全文
0 0