jQuery_05 事件的绑定(尝试)

jQuery可以给dom对象添加事件在程序执行期间动态的处理事件

jQuery如何绑定事件呢？

1. $("选择器").事件名称(事件处理函数)

$("选择器") ：选择0或者多个dom对象给他们添加事件

事件名称：就是js中事件名称去掉on的部分比如单击事件onclick 在jQuery就是click

事件处理函数：就是js中的事件处理函数

注意：因为html文件的执行顺序是从上到下的，所以，如果script标签写body元素上面，直接获取元素绑定是不行的，因为那时候dom还没有加载完成，无法获得元素，不过可以使用$(function{})在其中写入绑定事件，就可以顺利执行，因为$(function{})是页面加载完成以后调用的，相当于onload操作。

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>Document</title><script type="text/javascript" src="../js/jquery.js"></script><script type="text/javascript">//不生效  因为dom对象还没有加载完成 所以找不到dom对象// $("#btn").click(function () {//   alert("我单机了按钮");// });$(function () {//页面加载完成之后执行 相当于onload事件$("#btn").click(function () {alert("我单机了按钮");});});</script><style type="text/css">div {background-color: gray;}</style></head><body><div id="one">我是div0</div><div id="two">我是div1</div><div id="">我是div2<div>我是div3</div><div>我是div4</div></div><div>我是div5</div><br /><br /><span>我是span</span><br /><br /><input type="button" id="btn" value="绑定事件" /><br /></body><script type="text/javascript">/* jQuery可以给dom对象添加事件 在程序执行期间动态的处理事件 1.  $("选择器").事件名称(事件处理函数)$("选择器") ： 选择0或者多个dom对象 给他们添加事件事件名称：就是js中事件名称去掉on的部分  比如单击事件onclick 在jQuery就是click事件处理函数：就是js中的事件处理函数*///绑定事件// $("#btn").click(function () {//   alert("我单机了按钮");// });</script>
</html>