jquery事件与绑定事件

1.首先,我们来看一下经常使用的添加事件的方式:

主要从事网页设计、PC网站建设（电脑版网站建设）、wap网站建设（手机版网站建设）、响应式网站建设、程序开发、微网站、小程序设计等，凭借多年来在互联网的打拼，我们在互联网网站建设行业积累了丰富的成都网站建设、网站设计、网络营销经验，集策划、开发、设计、营销、管理等多方位专业化运作于一体，具备承接不同规模与类型的建设项目的能力。

我们最常用的是为元素添加onclick元素属性的方式来添加事件

这种方法的弊端是：

只能为一个事件处理函数，在事件处理函数方法中，获取事件对象的方式不同.

jQuery中的事件

ready事件：

当页面加载完成后，来执行function：

这样写在哪里都可以调用到这个方法；

鼠标事件：

表单元素事件：

2.绑定事件（挂事件）：

可以动态的改变按钮的事件；

什么是动态绑定？

动态绑定是指动态添加的DOM节点或者html元素，他们最开始时运行的时候是不存在的。如果要给这些动态加入的节点增加事件，就必须要用jquery的on方法来绑定事件。

bind()向匹配元素添加一个或多个事件处理器。

使用方式：

$(selector).bind(event,data,function)

注：bind()函数只能针对已经存在的元素进行事件的设置

代码：首先写两个按钮：

  
hello
  


 

首先操作点击挂上事件：

这样的话点击挂事件：

移除事件的按钮：

点击移除，取消aa得点击事件

3.事件数据

一般的事件包含事件源跟时间数据：

事件数据：出发这个时间，会传过来那些数据

js简化，可以不写事件源，因为可以取到

4.JSON语法：

JSON的结构：

json简单说就是javascript中的对象和数组，所以这两种结构就是对象和数组两种结构，通过这两种结构可以表示各种复杂的结构。

（1）对象：对象在js中表示为“{}”括起来的内容，数据结构为 {key：value,key：value,...}的键值对的结构，在面向对象的语言中，key为对象的属性，value为对应的属性值，所以很容易理解，取值方法为 对象.key 获取属性值，这个属性值的类型可以是 数字、字符串、数组、对象几种。

（2）数组：数组在js中是中括号“[]”括起来的内容，数据结构为 ["java","javascript","vb",...]，取值方式和所有语言中一样，使用索引获取，字段值的类型可以是 数字、字符串、数组、对象几种。

经过对象、数组2种结构就可以组合成复杂的数据结构了。

json是一种轻量级的数据交换格式

全拼：

JavaScript Object Notation

定义语法：

var j = {
"one":"111111",
"two":"22222"
};

取值方式：

取索引：

//数组的取值方式：
alert(j["one"]);//直接取索引的方法

点语法：

//点语法：
alert(j.one);

JSON也可以寸二维数组：

var j = {
"one":"111111",
"two":"22222",
"three":{"aa":"33333"},
};
//数组的取值方式：
//alert(j["one"]);//直接取索引的方法
//点语法：
alert(j.one);
alert(j.three.aa);

遍历JSON数据：

//遍历
for(var v in j)
{
 //定义一个变量v，把j拿到v里面，关键字不是”as“了，是”in“，
 alert(v);
// 这样便利的是索引
 alert(j[v]);
// 这样是根据索引来取值
}

json不具有长度的属性，所以for循环不适应于json

但是for-in同样适应于数组

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持创新互联！