点击按钮显示文字，再次点击隐藏文字

点击按钮显示文字，再次点击按钮隐藏文字

通过if条件判断css样式来做

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><title>学号+姓名</title><script src="http://cdn.staticfile.org/jquery/2.0.0/jquery.min.js"></script><script>$(document).ready(function () {$(".bu").click(function () {if ($("p").css("display") != "none") {$("p").css("display", "none");} else {$("p").css("display", "block");}});});</script>
</head><body><h2>这是一个标题</h2><p style="display: block;">这是一个段落</p><p style="display: block;">这是另一个段落</p><button class="bu">点击</button>
</body></html>

点击按钮显示文字，再次点击隐藏文字相关推荐

项目--点击按钮显示资料，点击空白处隐藏资料
点击空白处隐藏资料点击按钮显示资料在这里插入代码片 <!DOCTYPE html> <html lang="en"><head><met ...
Element的input 实现带图标密码框的明密文（点击眼睛显示密码,再次点击图标隐藏密码）
更新: 新版本中,添加 show-password 属性,即可支持配置显示密码按钮:详情见:https://element.eleme.cn/#/zh-CN/component/changelog 和 ...
Element的input密码框小眼睛（点击眼睛显示密码,再次点击图标隐藏密码）
一.知识点: 带 icon 的输入框,可以通过 prefix-icon 和 suffix-icon 属性在 input 组件首部和尾部增加显示图标,也可以通过 slot 来放置图标. 因为图标涉及点击 ...
JQ 实现点击按钮显示弹窗，点击非弹窗和按钮区域隐藏弹窗
2019独角兽企业重金招聘Python工程师标准>>> /*标题栏弹窗*/$("#menu_div").click(function (e) {$(". ...
网页加载的不同的方式、点击按钮显示一句话、jQuery中获取元素的方法
网页加载的不同的方式 <!DOCTYPE html> <html lang="en"> <head><meta charset=" ...
点击按钮显示谷歌地图
原文:点击按钮显示谷歌地图 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind=" ...
React 点击按钮显示div与隐藏div
<!DOCTYPE html> <html><head><meta charset="UTF-8" /><title>R ...
小程序点击显示隐藏（点击标题，内容显示，再次点击隐藏，同时切换箭头的状态，且默认第一组的内容显示）
哈喽,大家下午好,时间过的真快,转眼啊又好长时间没写博客啦,嘿嘿最近公司比较忙,手上一直有项目需要处理,现在终于空闲了一点,赶快来一篇呀,嘿嘿~ 最近我一直在做小程序的项目,其中值得一提的是项目中有一 ...
jquery点击按钮显示和隐藏div
[转]jquery点击按钮显示和隐藏DIv 1 function changeDisplay() { 2 if ($("#btnShow").attr("value&qu ...

点击按钮显示文字，再次点击隐藏文字

点击按钮显示文字，再次点击隐藏文字

点击按钮显示文字，再次点击隐藏文字相关推荐

最新文章

热门文章