if (!$(e.target).is('所点击的元素')){
var e = e || window.event;
var elem = e.target || e.srcElement;
while (elem) {
if (elem.className && elem.className === '要显示的元素') {
return;
elem = elem.parentNode;
$('要显示的元素').css('display','none');
1、首先是为document绑定click事件,里面的判断是排除所点击的元素；
2、e.target 或 e.srcElement是为了获取触发事件的原始元素，也就是所点击的元素，这里做了个循环是为了防止点击到要显示元素的子元素，这样整个要显示的元素点击后通过直接return，则都不会隐藏。
jq
点击
显示
更多
<div class="
js
" id="box" style="line-height:20px;overflow:hidden;position:relative">
<div class="nei">
一路展展会平台介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍 一路展展会一路展展会平台介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍 一路展展会一路展展会平台介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍 一路展展会
1.html片段
<td style="position: relative;">
<div class="find_display_flex" style="justify-content: left">
<div class="find_display_flex_son">
列举几个
显示
/
隐藏
的方法
点击
前：
点击
后: <script type="text/javascript" src="scripts/
jquery
-1.3.1.
js
"></script>
<script type="text/javascript">
<div id="panel">
<h5 class="head">什么是
jQ
u
e = window.event || e;
var obj = e.srcElement || e.target;
if(!$(obj).is("#keywords-area ul li")) {
$("#key...
$(".editTem_section").bind('click', function (e) {
e.stopPropagation();//调用停止冒泡方法,阻止document方法的执行
$('.templates').show()
$(document).bind('click', function () {
$('.templates').hide()
html结构：<a href="#" id="toggle">展开</a>
<div id="content" style="display: none;"><p>
隐藏
内容<p><p>
隐藏
内容<p></div>
1 <script type="text/javasc...
