jquery事件和绑定事件

1.首先，让我们看看添加事件：的常用方式

输入类型='button' id='btn' value='单击我！'onclick=' Shao()；'/script type='text/javascript '函数shao() { alert('msg正在显示！');}/script我们最常用的方法是在元素中添加onclick元素属性来添加事件

这种方法的缺点是：

只能有一个事件处理程序，在事件处理程序方法中，获取事件对象的方式是不同的。

jQuery中的事件

就绪事件：

加载页面后，执行以下功能：

脚本$(文档)。ready(函数(e){ alert(document . getelementbyid(' aa ')。innerHTML)；//如果要写函数方法，不能写在里面})//写在外面/脚本里，这样就可以在任何地方调用这个方法；

鼠标事件：

脚本$ ('# aa ')。click(function(){ alert(' click event '))；}) $ ('# aa ')。dblclick (function () {alert('双击事件')；}) $ ('# aa ')。mouse over(function(){ alert(' mouse up ')})；$ ('# aa ')。mouse out(function(){ alert(' mouse away ')；}) $ ('# aa ')。mousemove (function () {alert('鼠标移动')；}) $ ('# aa ')。mouse up(function(){ alert(' mouse up '))；}) $ ('# aa ')。mouse down(function(){ alert(' mouse down ')；})按键盘键：添加id没有效果，所以需要添加整个页面，所以使用$ (document) $ (document)。Keyevent (function () {alert('鼠标离开')；})/脚本表单元素事件：

脚本$ ('# Shao ')。focus(function(){ alert(' get focus ')；}) $ ('# Shao ')。blur (function () {alert('失焦')；}) $ ('# Shao ')。change (function () {alert('值更改，更改事件')；}) $ ('# Shao ')。keydown (function () {alert('键盘按压'))；})/script2。绑定事件(挂起事件):

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

什么是动态绑定？

动态绑定指的是动态添加的DOM节点或html元素，它们最初运行时并不存在。如果您想将事件添加到这些动态添加的节点，您必须使用jquery的on方法绑定事件。

Bind()向匹配的元素添加一个或多个事件处理程序。

用法：

$(选择器)。绑定(事件、数据、函数)

注意：bind()函数只能为现有元素设置事件

代码：先写两个按钮：

body div id=' aa ' style=' width : 100px；高度： 100像素；背景色：蓝紫色你好/div！-input type=' text ' id=' Shao '/-input type=' button ' id=' BTN 1 '值=' hang event '/input type=' button ' id=' BTN 2 '值=' remove event '/body首先单击以挂起事件：

脚本//挂起事件，$('#btn1 ')。click(function(){ //click挂起事件，用事件绑定div:$(' # aa ')。bind ('click ')，function () {//bind事件提醒(' click ')；});//括号中有两个参数，第一个是事件类型(事件名称)，第二个参数是要执行的代码})/脚本在这种情况下，点击挂起事件：

删除事件按钮：

编写//删除事件的脚本；$('#aa ')。单击(函数(){ //单击可删除事件；通过$('#aa ')从div中移除事件。解除绑定(“点击”)；//解除绑定移除绑定，填写参数，移除哪个事件})/脚本点击移除取消aa点击事件

3.事件数据

一般事件包括事件源和时间数据：

事件数据：在出发时，这些数据将被传输

Js是简化的，你不能写事件源，因为你可以得到它

4.JSON语法：

JSON的结构：

Json在javascript中就是简单的对象和数组，所以这两种结构就是对象和数组，通过它们可以表达各种复杂的结构。

(1)对象：对象表示为js中“{}”括起来的内容，数据结构为{key: value，key: value，}.在面向对象语言中，key是对象的属性，value是对应的属性值，所以很容易理解value方法就是object。键获取属性值，该属性值的类型可以是数字或字符串。

(2) Array:在js中，数组用括号“[]”括起来，数据结构为['java '，' javascript '，' vb '，].获取值的方式与所有语言相同，字段值的类型可以是数字、字符串、数组和对象。

它可以通过两种结构组合成一个复杂的数据结构：对象和数组。

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

全部拼出来：

JavaScript对象符号

定义语法：

var j={'one':'111111 '，' two ' : ' 22222 ' }；价值方法：

索引：

//数组的值方法：alert(j[' one '])；//直接索引的方法点语法：

//点语法：alert(j . one)；JSON也可以是一个英寸的二维数组：

var j={ '一' :'111111 '，'二' :'22222 '，'三' :{'aa':'33333'}，}；//数组的值方法：//alert(j[' one '])；//直接取索引的方法//Point语法：alert(j . one)；alert(j . three . aa)；遍历JSON数据：

//traverse for(var v in j){ //定义一个变量v，取j成v，关键字不是“as”，而是“in”，alert(v)；//方便索引alert(j[v])；//这是基于索引。}json没有长度属性，所以for循环不适合json

但是for-in也适用于数组

以上就是本文的全部内容。希望本文的内容能给大家的学习或工作带来一些帮助，也希望多多支持我们！