JQ 点击按钮显示内容 点击任何地方隐藏内容 代码怎么实现。

JQ 点击按钮显示DIV元素上的内容,点击任何地方就会隐藏DIV元素上的内容的代码要怎样实现。

0

2个回答

$(document).click(function(){
$('span').show()
})
$('button').click(function(){
//阻止冒泡
event.stopPropagation();
$('span').hide();
})

0
yang52344
yang52344 不行哦
2 年多之前 回复

小例子:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


点击空白处关闭弹出层
#box{width:300px;height:200px;border:1px solid #000;display:none;} .btn{color:red;} $(function(){ $(".btn").click(function(event){ var e=window.event || event; if(e.stopPropagation){ e.stopPropagation(); }else{ e.cancelBubble = true; } $("#box").show(); }); $("#box").click(function(event){ var e=window.event || event; if(e.stopPropagation){ e.stopPropagation(); }else{ e.cancelBubble = true; } }); document.onclick = function(){ $("#box").hide(); }; })


点击此处打开弹出层

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
点击按钮隐藏gridview的内容
这个隐藏的代码怎么写,想点击按钮隐藏第二个gridview,显示第一个gridview的内容
小程序————点击按钮隐藏显示内容
点击一个按钮:文字隐藏,再次点击文字显示wxml:button:按钮type:样式类型bindtap:绑定事件JS:
点击按钮显示和隐藏列表内容
点击按钮显示和隐藏列表内容<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>点击展开和隐藏</title> <link rel="stylesheet" type="text/css" href="../reset.css"> <link rel="stylesheet" typ
Vue.js 点击按钮显示/隐藏内容 实例
实例代码: vue点击切换显示隐藏 原本可以成为Google、Facebook的“爸爸”,或者微软的“儿子”,最后却像“孙子”一样被贱卖,沦为互联网浪潮的“弃子”。 new Vue({ el:"#example", data:{ btnText:"隐藏", isShow:true }, methods:{ showTo
Vue.js 点击按钮显示/隐藏内容
如何使用vue进行按钮点击后指定区域内容隐藏,再次点击按钮隐藏内容显示。实现思路:首选需要设置一个属性为true(show:true),然后使用v-if把show属性绑定到要显示与内容的标签身上,最后给点击按钮添加点击事件,当show属性为true就设置为false,为false就设置为true(this.show = !this.show)即可。
jq 点击显示 隐藏
&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;    &amp;lt;head&amp;gt;        &amp;lt;meta charset=&quot;utf-8&quot;&amp;gt;    &amp;lt;/head&amp;gt;&amp;lt;style&amp;gt;        .Albuum{border:1px solid red;width:1200px;height:350px
jQuery实现点击显示和隐藏内容
先上效果图点击前 点击后展开 html代码<div id="tips" class="center-block"> <h5 class="tips_head"> <u>遇到问题?</u> </h
点击自己内容显示和隐藏
**点击自己内容显示和隐藏** <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>点击自己内容显示和隐藏</title> <link rel="stylesheet" type="text/css" href="../reset.css"> <script type="text/
JQ 内容的显示与隐藏
&amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;zh-cn&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;简单的jQuery hide()方法演示。&amp;lt;/title&amp;gt; &amp;lt;/head&amp;gt; &amp;lt;body&amp;gt
点击按钮(a标签)隐藏显示div内容,切换div内容
超级实用的点击隐藏,显示div内容,切换div内容 点击按钮(a标签)
JQ 点击隐藏再点击显示
$(document).ready(function(){   $(".suspend").click(function() {   var num=$(this).attr('num');     if (num=='0') {   $(this).stop();   $(this).animate({width: 160}, 400);   $(".suspend").
内容隐藏点击滑动
内容隐藏(点击滑动和隐藏)灰色背景 根据需要自己调节吧
原生JS实现点击按钮显示更多内容
DIV显示部分内容,点击按钮后显示全部内容,点击收起隐藏部分内容.
怎样实现:点击一个按钮,显示或隐藏一段内容?
怎样实现:点击一个按钮,显示或隐藏一段内容?
jq点击切换隐藏显示
先引入jquery.js 点击自动切换显示或隐藏 .hidden { display:none; } .block { display:block; } &lt;button style="display:none;"&gt;&lt;/button&gt;/默认隐藏* */ &lt;p&gt;123456789&lt;/p&gt; 在加入代码: &lt;script ty...
js/jq 点击按钮显示div,点击页面其他任何地方隐藏div
js和jq两种方法 点击按钮显示div,点击页面其他任何地方隐藏div
点击按钮编写内容
class="recipient of pb20"> class="jb_yellow"> 李晓明 class="fr" onclick="editItemPrice(this)">编辑 class="ro">北京市昌平区回龙观镇龙域北街金域国际中心A座1210室 1891****044 //店铺保养项目价格修改
点击按钮显示隐藏内容
&amp;lt;li&amp;gt; &amp;lt;input type=&quot;radio&quot; onclick=&quot;ydiaosai()&quot;&amp;gt; &amp;lt;label &amp;gt;点击显示&amp;lt;/label&amp;gt; &amp;lt;/li&amp;gt; &amp;lt;li&amp;gt; &amp;lt;input type=&quot;radio&quot; onclick=&quot;ndiaosai()
点击Item显示内容
public class MainActivity extends AppCompatActivity {    private Unbinder unbinder;    @BindView(R.id.gv_id)    GridView gv;    private List data = new ArrayList;    @Override    protected void onCrea
如何使得一列内容点击一个按钮显示与隐藏
&amp;lt;%@ page language=&quot;java&quot; contentType=&quot;text/html; charset=UTF-8&quot;    pageEncoding=&quot;UTF-8&quot;%&amp;gt;&amp;lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot; &quot;http://www.w3.org/TR/html4/loose.dtd&
复选按钮点击不同,显示内容不同
1,首先写一个复选按钮 *公示类型 : 2.拿到他的字典值 并做判断 mini.get("fkTypeId").select(0); mini.get('fkActivityId').setUrl(contextPath +
点击按钮,改变p标签的显示内容
凡是成对的标签,中间的文本内容,设置的时候都可以使用innerText这个属性 &lt;input type="button" value="改变p标签的内容" id="btn"&gt; &lt;p id="p1"&gt;我是一个p标签&lt;/p&gt; &lt;script&gt; //根据id获取按钮,为按钮注册点击事件,添加事件处理函数 ...
vue 点击按钮改变页面显示内容
&amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;en&quot; xmlns:v-bind=&quot;http://www.w3.org/1999/xhtml&quot; xmlns:v-on=&quot;http://www.w3.org/1999/xhtml&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &am
点击按钮在QTableWidget中显示内容
[img=https://img-bbs.csdn.net/upload/201407/23/1406078949_929596.jpg][/img]rn这个是Wdiget类:rn[code=c]Widget::Widget(QWidget *parent) :rn QWidget(parent),rn ui(new Ui::Widget)rnrn ui->setupUi(this);rn resize(500,400);rn setWindowTitle(tr("销售管理系统"));rn tabWidget=new QTabWidget;rn tabWidget->addTab(new visit,QString("基本信息"));rn editButton = new QPushButton("编辑");rn QVBoxLayout *vboxLayout = new QVBoxLayout;rn QHBoxLayout *hboxLayout = new QHBoxLayout;rnrn hboxLayout->addWidget(editButton);rn hboxLayout->addStretch(1);rn vboxLayout->addLayout(hboxLayout);rn vboxLayout->addWidget(tabWidget);rn setLayout(vboxLayout);rn a = new visit; //tableWidget表的类rn connect(editButton, SIGNAL(clicked()), a, SLOT(inter()));rn[/code]rn这个是visit类:rn[code=c]visit::visit(QWidget *parent):QWidget(parent)rnrn QVBoxLayout *vboxLayout = new QVBoxLayout;rn tableWidget = new QTableWidget(10,10); // 构造了一个QTableWidget的对象,并且设置为10行,5列rn // 也可用下面的方法构造QTableWidget对象rn // QTableWidget *tableWidget = new QTableWidget;rn // tableWidget->setRowCount(10); //设置行数为10rn // tableWidget->setColumnCount(5); //设置列数为5rn tableWidget->setWindowTitle("QTableWidget & Item");rn tableWidget->setColumnWidth(7,150);//设置第7列的列宽rn tableWidget->setColumnWidth(8,200);//设置第7列的列宽rn tableWidget->resize(200, 100); //设置表格rn tableWidget->setSelectionBehavior(QAbstractItemView::SelectRows); //整行选中的方式rn tableWidget->setSelectionMode(QAbstractItemView::SingleSelection); //设置选择模式,选择单行rn QStringList header;rn header<<"拜访时间"<<"拜访人"<<"目标科室"<<"目标人物"<<"联系方式"<<"拜访详情"rn <<"拜访结论"<<"是否有同类产品进行拜访"<<"产品、型号、价格等相关信息"<<"备注";rn tableWidget->setHorizontalHeaderLabels(header);rn vboxLayout->addWidget(tableWidget);rn setLayout(vboxLayout);rnrnvoid visit::inter()rn qDebug()<<"shhshs";rn tableWidget->setItem(0,0,new QTableWidgetItem("hahahah"));rn[/code]rn感觉是个挺简单的问题 但是就是点击显示不了内容呢 经过测试 信号和槽的连接是没问题的 因为能打印输出“shhshs” 就是tableWidget->setItem(0,0,new QTableWidgetItem("hahahah"));这个执行不了 求大神解释啊????
如何实现点击按钮,将按钮的内容显示在文本框上。
package com.example.qq2;rnrnrnrnimport android.app.Activity;rnimport android.os.Bundle;rnimport android.view.View;rnimport android.widget.ArrayAdapter;rnimport android.widget.Button;rnimport android.widget.Spinner;rnimport android.widget.TextView;rnrnrnrnpublic class MainActivity extends Activity rn public static final String m[]="大一","大二","大三","大四";rn public Spinner spinner;rn public ArrayAdapter adapter; rn rn @Overridern public void onCreate(Bundle savedInstanceState) rn // TODO Auto-generated method stubrn super.onCreate(savedInstanceState);rn setContentView(R.layout.fragment_main);rn spinner=(Spinner)findViewById(R.id.spinner1);rn adapter=new ArrayAdapter(this, android.R.layout.simple_spinner_item, m);rn adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);rn spinner.setAdapter(adapter); rn rn final Button button=(Button)findViewById(R.id.button1);rn final TextView tv=(Button)findViewById(R.id.tv);rn button.setOnClickListener(new View.OnClickListener()rn public void onClick(View view)rn tv.setText(button.getText().toString());rn rn rn rn );rn rn rn rnrn rnrn[img=https://img-bbs.csdn.net/upload/201603/30/1459336535_809360.png][/img]rn这是我的界面,点击总结之后会将性别姓名年级爱好都显示在下面的文本框上。rn可是这个程序老闪退,求大神!
点击按钮显示和隐藏标签
&amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot; utf-8&quot;&amp;gt; &amp;lt;meta name=&quot;author&quot; content=&quot;http://www.softwhy.com/&quot; /&amp;gt; &amp;lt;link type=&quot;text/javascript&quot;
搜索按钮点击的显示与隐藏
开发工具与关键技术:DW JavaScript、jQuery插件 作者:梁茵茵 撰写时间:2019年2月11日 给大家介绍一下
jQuery实现输入框点击隐藏内容,离开显示输入框内容
HTML代码:   jQ代码: //获取id focus()是处理获取焦点的方法 $(&quot;#email&quot;).focus(function(){ var txt_value = $(this).val();//获取输入框的值 if(txt_value==&quot;请输入邮箱地址&quot;){ $(this).val(&quot;&quot;);//如果输入框的值是请输入邮箱地址  聚焦后 输入框的值为空 } });...
实现点击按钮切换显示和隐藏效果
 点击同一个按钮可以实现一个元素的显示和隐藏的切换,下面就通过代码实例介绍一下如何实现此效果,代码如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34
html+css3+jquery 点击按钮切换内容
&amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;点击按钮切换内容&amp;lt;/title&amp;gt; &amp;lt;style type=&quot;text/css&quot;&amp;gt;
原生 js 实现点击按钮复制隐藏文本的内容
首先能做到复制文本的内容 js提供原生命令【document.execCommand(“copy”);】便可以复制用户选择的内容,做个测试
JQ实现效果:点击(or鼠标滑过)连接时显示内容,再点击(鼠标滑出)连接时隐藏内容
1、采用事件绑定bind() Char 4.1.2 .content{ display: none;//给元素一开始设置为隐藏 } $(function(){ //1、找到标题所在的元素,绑定bind $("#titles h2.head1").bind("click",function() { //2.找到内容所在元素,设置为c
实现点击按钮修改多个标签内容
document.getElementsByTagName(“标签的名字”);返回的是一个伪数组 无论是单个标签还是多个,最终都是存储在数组里 &lt;input type="button" value="修改文本" id="btn"&gt; &lt;div id="div1"&gt; &lt;p&gt;我是第一组标签&lt;/p&gt; &lt;p...
通过点击按钮隐藏表格怎么实现?
有两个表格,内容基本一样,就标题不一样,想放在同一个确定的地方,通过两个按钮控制一个显示一个隐藏,怎么做?用AP Div绘制就把握不了在哪了。跪求高手
一个jq点击隐藏显示的问题!
html代码rnrn[code=html]rn rn rn $vo.idrn rn rn 111111rn rn rn 222222rn rn rn 333333rn rn rn rn rn $vo.idrn rn rn 111111rn rn rn 222222rn rn rn 333333rn rn rn .....................rn[/code]rnrn默认情况下.test是隐藏的,现在要求点击任何的 .id 显示它后面所有.test 遇到下一个 .id 结束。 在点击其它的.id 也是如此, 同时隐藏上次显示的.testrnrn我当前用的代码如下,能点击显示隐藏,但是点击一个全部展开了rnrn[code=javascript]rn $(".id").each(function()rn $(this).click(function() rn $(this).nextAll('.test').toggle();rn ); rn )rn[/code]
jquery 默认隐藏div,点击按钮显示,再次点击隐藏
html 代码: 22222222 jquery 代码: $("#but").click(function(){ if($("#exPara").css("display")=="none"){ $("#exPara").show(); }else{ $("#exPara").hide(); } });
原生JS实现点击显示再次点击隐藏
/** * [Show_Hidden 点击控制div显示与隐藏] * @param {[id]} obj [需要显示隐藏div的id] */ function Show_Hidden(obj) { var div = document.getElementById(obj); if (div.className.ind...
点击隐藏就隐藏,点击隐藏就变为点击显示
可以让网页隐藏显示表格
jq简单实现点击按钮跳转页面到指定tab内容
A页面&amp;lt;div&amp;gt;    &amp;lt;a href=&quot;概算分析报告-详情.html?type=1&quot;  target=&quot;view_window&quot; class=&quot;btn&quot;&amp;gt;查看详情 &amp;gt;&amp;lt;/a&amp;gt;    //按钮    //给a标签添加要跳转的链接,并在链接后面拼接 ? type=1    &amp;lt;a href=&quot;概算分析报告-详情.html?type=
怎样在WIinform点击按钮,得到当前点击按钮的Text内容?
如题