下面是HTML代码部分：

复制代码代码如下所示：


外层的div元素
内跨度元
外层的div元素






相应的jQuery代码如下所示：

复制代码代码如下所示：

$（函数（）{（））
对于跨元素绑定，单击 / 事件
$（'span）。Bind（单击
VaR txt =美元（' #味精）（HTML）+内跨元素被点击。； / /的HTML信息采集
$（#味精）。Html（TXT）； / /的HTML信息集
}）；
对于div元素绑定，单击事件
$（#内容）Bind（单击。
VaR txt =美元（' #味精）。Html（）+外层的div元素被点击。
$（#味精）。Html（TXT）；
}）；
对于体元素绑定，单击事件
$（）Bind（单击
VaR txt =美元（' #味精）。Html（）+体元点。
$（#味精）。Html（TXT）；
}）；
}）



当单击跨时，将触发div和身体单击事件。单击div触发身体单击事件。

如何防止泡沫的发生

修订如下：

复制代码代码如下所示：

$（函数（）{（））
对于跨元素绑定，单击 / 事件
$（'span）。Bind（单击
VaR txt =美元（' #味精）。Html（）+内跨元素被点击。
$（#味精）。Html（TXT）；
（事件。里面）； / /停止事件
}）；
对于div元素绑定，单击事件
$（#内容）Bind（单击。
VaR txt =美元（' #味精）。Html（）+外层的div元素被点击。
$（#味精）。Html（TXT）；
（事件。里面）； / /停止事件
}）；
对于体元素绑定，单击事件
$（）Bind（单击
VaR txt =美元（' #味精）。Html（）+体元点。
$（#味精）。Html（TXT）；
}）；
}）



（事件。里面）； / /停止事件

有时点击提交按钮有一些违约事件。例如，跳到其他的接口，但是如果你不通过它，你不应该跳。这个时间可以设置event.preventdefault（）； / /防止违约行为（提交）。

以下是案例：

复制代码代码如下所示：

$（函数（）{（））
$（#子）Bind（单击。
用户名= $（var#用户名）（。Val）； / /获取的元素的值，val（）方法返回或设置所选元素的值。
如果（用户名）{判断值为空
$（#味精）。Html（文本框的值不能为空。）； / /消息
（事件。preventDefault）； / /防止违约行为（提交）
}
}）
}）



HTML的一部分：

复制代码代码如下所示：


用户名 uff1a








防止违约行为的另一种方法是返回false，其效果是相同的。

代码如下：

复制代码代码如下所示：

$（函数（）{（））
$（#子）Bind（单击。
用户名= $（var#用户名）（。Val）； / /获取的元素的值
如果（用户名）{判断值为空
$（#味精）。Html（文本框的值不能为空。）； / /消息
返回false；
}
}）
}）



同样，上述气泡事件也可以用返回false处理。

复制代码代码如下所示：

$（函数（）{（））
对于跨元素绑定，单击 / 事件
$（'span）。Bind（单击
VaR txt =美元（' #味精）。Html（）+内跨元素被点击。
$（#味精）。Html（TXT）；
返回false；
}）；
对于div元素绑定，单击事件
$（#内容）Bind（单击。
VaR txt =美元（' #味精）。Html（）+外层的div元素被点击。
$（#味精）。Html（TXT）；
返回false；
}）；
对于体元素绑定，单击事件
$（）Bind（单击
VaR txt =美元（' #味精）。Html（）+体元点。
$（#味精）。Html（TXT）；
}）；
}）