【JS】jquery怎么实现点击一个按钮控制一个div的显示和隐藏
- 示例html
- 1
- 2
- <div class=“abc” style=“display:none”></div>
- <input type=“button” class=“but” />
- 最简单的方法:
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- <script>
- $(document).ready(function(e) {
- $(“.but”).click(function(e) {
- $(“.abc”).toggle();
- });搜索
- });
- </script>
- toggle() 的作用就是当对象是显示的就隐藏,当是隐藏的则显示。
- ——
- 如果你除了显示和隐藏之外还需要同时实现其他功能的话,可以这样:
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- <script>
- $(document).ready(function(e) {
- $(“.but”).click(function(e) {
- if( $(“.abc”).hasClass(“show”) ){
- // 执行隐藏
- $(“.abc”).hide().removeClass(“show”);
- // 其他
- }else{
- // 显示
- $(“.abc”).show().addClass(“show”);
- }
- });
- });
- </script>
- 这里通过自定义一个 class : show 来判断 div 是显示或隐藏
- hasClass() 是否存在某个class
- hide() 隐藏对象
- show() 显示对象
- removeClass() 移除一个class
- addClass() 添加一个class
- 除此,还可以通过jquery设置这个 div 的 css : display:none/block 来实现隐藏/显示
必看使用说明:(支持PHP5.6/7.0/7.2)
- PHP环境需要安装加密扩展SG11;推介宝面板php7.2版本
- SG11扩展安装教程:https://vip.ylit.cc/112.html
- 需要使用生成海报功能的下载海报字体:https://share.weiyun.com/5MYeGA1
- 将海报字体解压放到主题目录:ripro/assets/fonts即可
- 主题启用后,不要着急打开前台,先填写您的授权信息保存
- 然后设置下首页的布局和参数,只要前台首页就齐全了,不会报错找不到数据,
- ripro主题是全新的主题,不和rizhuti无缝升级切换,各位老铁注意一下这点。
- 用户中心404,请先设置自己环境的伪静态规则,
- WordPress伪静态和固定链接设置教程:https://vip.ylit.cc/104.html
更新记录—-v4.0.0:
- 本次更新功能更新非常多,包括CSS也有很多大面积新增和修改调整,自己修改的请注意备份
- 主要更新为首页模块的新增,调整优化,新增互动类的签到,排行,卡密展示发放,刺激用户黏度
- 新增签到功能,在后台,主题设置-用户中心开启-显示将在外观-小工具-用户信息展示
- 新增的小工具包括,排行,用户信息+签到,可以在文章侧边栏,全局侧边栏都展示,可以多次出现
- 新增首页网格文章展示五个,一个大图,四个小图,
- 新增首页卡密发放展示,可以直接复制,展示三个最佳,
- 新增小工具,用户排行榜,根据余额排行,可以设置显示数量
- 新增首页分类风格一展示左右增加幻灯滑块按钮
- 修复搜索弹出的文章被分类box块遮挡问题
- 修复主题设置部分字段,完善设置描述和提示
- 优化调整了搜索条的颜色亮度和遮罩透明度
- 优化调整分类滑块的颜色透明度,更加舒适自然
- 优化调整首页模块高低之间的间距,模块排序可以参考演示站,可以组合更多风格
- 在文章内页底部分享按钮前面增加一个收藏按钮
- 升级方法,主题目录覆盖旧版,刷新浏览器即可,如果首页新的模块不出现,请 重置当前分区重 新排列即可
更新记录—-v3.9.0:
- 新增收藏文章功能,可在主题设置,用户中心开启和关闭
- 收藏功能采用ajax方式,自动判断,点击收藏过的则取消收藏,反之则收藏
- 个人中心增加我的收藏页面,收藏按钮颜色可能不太明显,emmm
- 修复用户无关注时空数组报错,导致文章列表异常
- 修复首页模块 小缩略图无法抓取第一张图片 优化为可以抓取
- 在文章内页底部分享按钮前面增加一个收藏按钮
- 升级方法,主题目录覆盖旧版,刷新浏览器即可
更新记录—-v3.8.0:
- 调整永久会员文章资源可以免费购买,非永久安装正常折扣或者原价购买。
- 调整手机端侧边栏展开子二级菜单排版仅左侧显示一半的问题
- 新增永久会员下载次数限制,不开启则每天可以下载999个资源
- 本次更新主要由会员群某位大佬强烈要求调整永久会员逻辑
- 本次更新主要为核心功能新增,需要的会员自行选择是否更新
- 升级方法,主题目录覆盖旧版,刷新浏览器即可
更新记录—-v3.7.2:
- 新增永久会员专属资源设置选项,仅限永久会员购买权限
- 修复文章时间11小时差问题
- 修复顶部菜单遮罩侧边栏问题
- 永久会员专属资源设置如果要设置为永久会员免费,折扣设置为0.开启永久会员专属即可
- 对高级自定义属性进行了细化绑定分类ID,设置后只在该分类的筛选下面显示筛选条件
- 自定义属性如果不绑定分类选择全部,则所有分类页都显示
- 本次更新主要为核心功能新增,需要的会员自行选择是否更新
- 下版本将增加视频预览缩略图和关注功能,来自会员Duncan的意见
- 3.7.1 前端永久会员专属文字提示优化
- 分类高级筛选属性支持多选
- 升级方法,主题目录覆盖旧版,刷新浏览器即可
更新记录—-v3.6.0:
- 修复推荐链接在首页有推荐人ref参数时候无效的问题
- 应会员要求,新增全站主题自带SEO功能开关,防止用seo插件的用户数据被影响
- 新增顶部头像菜单右侧的用户昵称开关,有部分会员觉得只显示头像好看,灵活简洁
- 修复文章侧边栏自动跟随到底部的时候,与页面主体不对齐问题,舒服了。
- 升级方法,主题目录覆盖旧版,刷新浏览器即可
更新记录—-v3.5.0:
- 优化顶部个人中心按钮为顶部登录后使用用户的头像和昵称,美观舒适
- 新增内页设置-内页顶部背景图片设置,如果内页顶部没有背景图,则自动显示设置的
- 本次更新主要为功能性新增,如果有修改的朋友注意app.css中的.navbar .user-pbtn 头像的地方
- 修复ajax核心文件中上传头像方法重复调用问题
- 修复个别网站,发布文章中含有图片而无法识别灯箱导致不显示文章内容问题
- 修复首页ajax搜索的时候,文章列表弹出被其他模块覆盖问题
- 修复顶部菜单侧边栏展开时,滚动类型的菜单被覆盖,全站侧边栏无法关闭问题
- 升级方法,主题目录覆盖旧版,刷新浏览器即可
更新记录—-v3.4.0:
- 新增首页搜索条支持ajax搜索,实时模糊匹配五个搜索
- 文章的时间格式优化为几秒,几天,等细节,自动判断
- 新增视频文章内建,无需插件,插入mp4视频,支持本地上传,外链,支持手机端,微信内,自适应
- 视频播放器支持弹幕,根据标题,描述,最新评论获取弹幕,效果比较ok
更新记录—-v3.3.0:
- 新增永久会员套餐,天数填写9999即可自动判断实现。方便站长运营
- 新增高级文章自定义字段筛选,在主题设置,高级功能里配置
- 重做筛选栏,更加方便友好,修复二级分类筛选点击后消失问题。
- 新增按照文章阅读量排序筛选,热度排序
- 修复用户前端编辑文章中userid多了一个t导致权限不足问题
- 修复筛选和排序多重的时候不生效问题
- 发布文章侧边栏新增一个自定义字段选项,自动获取根据高级功能里配置的字段进行快速选择文章自定义属性
- 分类筛选处CSS重做,美化的,修改的用户,注意备份和细节
- 新增高级功能中,可以自定义关闭不喜欢的筛选条件
- 升级方法,主题目录覆盖旧版,刷新浏览器即可
更新记录—-v3.2.0:
- 新增首页VIP介绍引导模块(更新后排序设置看不到模块请重置当前分区重新排一下即可,切勿点击全部重置!!!)
- 修复暗黑模式下的H1-6标签颜色重叠问题
- 简化发布文章时选择文章布局,去掉图片选项,减少占用空间
- 增加防水墙启用提醒,站长仔细看,酌情开启
- 增加控制文章摘要文字数量,可解决超行等对不齐问题
- 修复相关推荐列表模式下摘要文章过长排版错乱问题
- 新增自定义CSS,顶部设置,在此处直接美化CSS,可以不担心更新覆盖问题
更新记录—-v3.1.0:
- 新增讯虎旗下(虎皮椒支付V3)支付宝的接口支持。
- 首页搜索条banner重做
- 修复后台充值订单记录显示支付方式不区分接口问题
- 全局地步DIYbanner模块开关
- 修复会员中心充值记录支付方式不对应问题
- 调整手机版界面时两栏显示中间间隙过大的问题
- 搜索条支持暗黑模式,支持自定义背景
- 此版本首页拖拽排序更方便了,可以组合出来至多布局
- 后台部分设置细化提示,新增文字描述指引
更新记录—-v3.0.0:
- 新增讯虎旗下(虎皮椒支付V3)个人支付首选接口支持。
- 新增PAYJS个人支付接口支持
- 新增后台控制前台暗黑模式的按钮总开关
- 修复QQ分享组件网站名称不对应问题
- 对后台充值记录支付方式做了细化的判断,精确到使用什么接口支付
- 本次更新CSS无修改,js有变动,美化/DIY过的会员注意下
- 升级方法是,下载新版覆盖Ripro主题目录即可
更新记录—-v2.9.0:
- 新增下载次数限制,该功能作为安全层面的功能,前端无展示,仅在次数用完提示
- 下载次数限制请前往主题设置-商城设置-会员设置开启,一般站不建议开启,鸡肋
- 修复wp-设置里面的世界时间和本地时间问题
更新记录—-v2.8.0:
- 新增数据库优化功能-商城管理-数据库优化
- 新增sg11扩展新旧版本兼容
更新记录—-v2.7.0:
- 新增腾讯的防水墙安全验证
- 可以有效解决恶意注册 软件注册 撞库登录问题
- 申请地址:https://007.qq.com
更新记录—-v2.6.0:
- 新增专题页面 biubiubiu~
- 修复仅限第三方登陆时候,管理员也进不去的尴尬问题
- 修复网站编辑,普通用户进入后台的逻辑问题,已经完美
- 内页顶部bar标题加了个骚骚的翅膀
- 修复首页分页 无法不识别页数问题
- 局部CSS降雨
更新记录—-v2.5.0:
- 新增右下角按钮切换暗黑模式
- 新增全屏模式
- 新增来自ssvip会员@小up的分类盒子风格模块
- 修复首页下一页重复内容
更新记录—-v2.4.0:
- 新增自定义广告代码
- 新增全站通知弹窗
- 新增文章内分页
- 局部CSS降雨优化
更新记录—-v2.3.0:
- 新增文章底部分享QQ,微博,海报按钮
- 重做文章底部作者信息和分享组件,UI更好看
- 新增标签云页面,请新建页面,模板选择为对应页面模板即可自动显示
- 新增存档页面,有利于SEO蜘蛛爬取,设置同上
- 优化个别CSS细节和自适应下的布局细节
- 重做自定义幻灯片,新增标题 描述,UI等
更新记录—-v2.2.0:
- 分类自定义SEO信息,自定义布局,是否显示侧边栏
- 标签自定义SEO信息,自定义布局,是否显示侧边栏
- 个人中心-充值页面卡密充值逻辑显示优化
- 首页最新文章新增设置-可手动排除某分类文章不显示
- 优化其他主题第一次切换ripro主题后,文章没有侧边栏逻辑
- 增加卡密充值的一个自定义购买卡密的按钮,跳转到第三方发卡平台
更新记录—-v2.1.0:
- 下载信息小工具增加一个自定义按钮,完美
- 增加自定义文章SEO信息
- 海报二维码自动加推广参数
- 新窗口打开文章,后台开关
- 下载小工具在移动或者分辨率宽度低于760px时候自动移动到文章底部
- 重做文章内页上下篇导航
- 重做面包屑导航,更加符合SEO需求
- 文章内H1表标签优化
- 修复部分CSS细节
- 开启关闭个人中心菜单
- 其他CSS局部降雨
更新记录—-v2.0.0:
- 新增底部自定义JS统计代码
- 新增底部备案号
- 新增后台清理无效订单
- 新增文章内页下一篇功能
- 下载小工具演示链接化
- 新增用户自行选择提现到RMB或者站内钺,后台可开启关闭
更新记录—-v1.9.0:
- 修复评论区作者昵称暗黑模式下重叠
- 新增自定义幻灯片和指向链接
- 优化幻灯片高度,自适应手机常规
- 优化个人中心菜单自适应下的布局
- 首页在手机自适应下网格文章双栏展示
更新记录—-v1.8.0:
- CSS美化,呼吸灯效果。会tmd自动呼吸颜色
- 纯文字列表美化,感谢会员@小up提供布局和css
- 新增手机端全部列表模式显示文章,后台开启
- 暗黑模式优化,已经爆爽
更新记录—-v1.7.0:
- 筛选个别一级二级分类重复显示问题
- 投稿权限修复,控制各别用户投稿请给角色权限即可
- 公告条插入html乱码问题
更新记录—-v1.6.0:
- 去除筛选下拉模式,切换为一级 二级 链接式筛选
- 局部CSS降雨
- 备注:使用国外的ele页面布局插件请手动去删除/parts/single-header.php下的:这一行!
更新记录—-v1.5.0:
- 增加可爱的自定义暗黑风格和常规切换
- 局部CSS降雨
更新记录—-v1.4.0:
- 修复充值佣金比例问题,重要
更新记录—-v1.3.0:
- 优化海报加载速度
- 新增海报重新生成规则,当管理员重新保存文章或者更新 编辑时自动刷新
- 新增可以关闭底部diy-footer块
- 新增关闭浏览器开发者选项调试信息
更新记录—-v1.2.0:
- 优化全站弹出层提示框等等
- 后台新增可以邮件提醒的各个开关
- 增加卡密充值开关
- 修复投稿页面层级覆盖问题
- 新增筛选排序
- 新增管理员前台编辑文章按钮
- 新增首页通知条条
- 局部CSS优化
更新记录—-v1.1.0:
- 美化邮件提醒模板
- 在线充值支付成功发送邮件提醒
- 卡密充值成功发送邮件提醒
- 购买文章资源发送邮件提醒
- 验证码发送邮件提醒
- 开通特权发送邮件提醒
- 修复个人中心部分操作成功后不刷新问题
更新记录—-v1.0.9:
- 修复评论区头像
- 更改充值页面布局,优化卡密充值方式体验
- 重置海报功能弹窗,去掉其他按钮
- 增加内页面包屑功能
- 调整评论展示小工具布局
- 优化第一次启用主题底部报错问题
- 修复后台显示版本号不同步问题
更新记录—-v1.0.8:
- 用户前端发布AJAX上传图片,编辑器优化
- 个人中心可以自定义上传头像,AJAX上传,限制80KB
- 优化内页筛选功能,只显示一级分类,如果当前分类页面下游二级,则展示二级分类
- 修改了头像的CSS,修改了表单的input CSS属性
更新记录—-v1.0.7:
- 修复后台订单管理页面等翻页点击不动的问题
- 优化首页卡片模块的分类颜色圆点
- 将海报生成的字体独立出去。减轻主题包大小
- CSS局部降雨
更新记录—-v1.0.6:
- 修复首页分类CMS ;幻灯片;礼拜的分类信息显示不对应的问题