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

JQ 点击按钮显示内容点击任何地方隐藏内容代码怎么实现。: JQ 点击按钮显示DIV元素上的内容，点击任何地方就会隐藏DIV元素上的内容的代码要怎样实现。; 发布于：2017.04.25 10:13

赞！好问题，内容完整，我也想问！

烂问题，内容不完整，没有价值。

| 评论0 | 收藏 | 浏览1745

: yang52344

声望： 0

2个回答

按赞数排序

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

发布于：2017.04.25 10:58

| 评论 1

: weixin_38335190

声望： 0

赞！答案有帮助，有价值。

答案没帮助：答非所问！

: 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(); }; })

点击此处打开弹出层

发布于：2017.04.26 07:28

| 评论 0

: 卜吃糖的小孩

声望： 10

赞！答案有帮助，有价值。

答案没帮助：答非所问！

: 插入链接

本地上传网络图片

上传中...

浏览

上传图片

插入图片

其他相关推荐

点击按钮隐藏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 点击显示隐藏: &lt;!DOCTYPE html&gt;&lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;/head&gt;&lt;style&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 内容的显示与隐藏: &lt;!DOCTYPE html&gt; &lt;html lang="zh-cn"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;简单的jQuery hide()方法演示。&lt;/title&gt; &lt;/head&gt; &lt;body&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; } <button style="display:none;"></button>/默认隐藏* */ <p>123456789</p> 在加入代码： <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 //店铺保养项目价格修改

点击按钮显示隐藏内容: &lt;li&gt; &lt;input type="radio" onclick="ydiaosai()"&gt; &lt;label &gt;点击显示&lt;/label&gt; &lt;/li&gt; &lt;li&gt; &lt;input type="radio" onclick="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

如何使得一列内容点击一个按钮显示与隐藏: &lt;%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%&gt;&lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd&

复选按钮点击不同，显示内容不同: 1，首先写一个复选按钮 *公示类型： 2.拿到他的字典值并做判断 mini.get("fkTypeId").select(0); mini.get('fkActivityId').setUrl(contextPath +

点击按钮，改变p标签的显示内容: 凡是成对的标签，中间的文本内容，设置的时候都可以使用innerText这个属性 <input type="button" value="改变p标签的内容" id="btn"> <p id="p1">我是一个p标签</p> <script> //根据id获取按钮，为按钮注册点击事件，添加事件处理函数 ...

vue 点击按钮改变页面显示内容: &lt;!DOCTYPE html&gt; &lt;html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml" xmlns:v-on="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&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可是这个程序老闪退，求大神！

点击按钮显示和隐藏标签: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset=" utf-8"&gt; &lt;meta name="author" content="http://www.softwhy.com/" /&gt; &lt;link type="text/javascript"

搜索按钮点击的显示与隐藏: 开发工具与关键技术：DW JavaScript、jQuery插件作者：梁茵茵撰写时间：2019年2月11日给大家介绍一下

jQuery实现输入框点击隐藏内容,离开显示输入框内容: HTML代码: jQ代码: //获取id focus()是处理获取焦点的方法 $("#email").focus(function(){ var txt_value = $(this).val();//获取输入框的值 if(txt_value=="请输入邮箱地址"){ $(this).val("");//如果输入框的值是请输入邮箱地址聚焦后输入框的值为空 } });...

实现点击按钮切换显示和隐藏效果: 点击同一个按钮可以实现一个元素的显示和隐藏的切换，下面就通过代码实例介绍一下如何实现此效果，代码如下: ? 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 点击按钮切换内容: &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;点击按钮切换内容&lt;/title&gt; &lt;style type="text/css"&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(“标签的名字”);返回的是一个伪数组无论是单个标签还是多个，最终都是存储在数组里 <input type="button" value="修改文本" id="btn"> <div id="div1"> <p>我是第一组标签</p> <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页面&lt;div&gt; &lt;a href="概算分析报告-详情.html?type=1" target="view_window" class="btn"&gt;查看详情 &gt;&lt;/a&gt; //按钮 //给a标签添加要跳转的链接，并在链接后面拼接 ? type=1 &lt;a href="概算分析报告-详情.html?type=