用jquery怎么实现点击显示,再一次jquery点击隐藏div

问题对人有帮助,内容完整,我也想知道答案
问题没有实际价值,缺少关键内容,没有改进余地
用jquery怎么知道是否再次点击了同一个按钮
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
你可以通过添加 class 来改变颜色啊,那就好判断了嘛。
button.addEventListener("click", function() {
if (this.classList.contains("red")) {
this.classList.remove("red");
this.classList.add("red");
$("button:first").on("click", function() {
var button = $(this);
if (button.is(".red")) {
butotn.removeClass("red");
button.addClass("red");
// 也可以用 toggleClass
// $(this).toggleClass("red");
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
通过dom元素的属性、类名等来标识判断是否是同一个按钮
你的5个按钮应该有一个统一的class,被点击的应当有一个特有的class1,点击按钮只需要把class1移除,然后把被点击的按钮添加class1
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
&!DOCTYPE html&
&meta charset="utf-8"&
&meta name="viewport" content="width=device-width"&
&title&test&/title&
display: inline-
background-color:
margin: 10
background-color:
&span class="btn"&按钮1&/span&
&span class="btn"&按钮2&/span&
&span class="btn"&按钮3&/span&
&script src="/jquery-1.11.3.js"&&/script&
$('.btn').on('click', function() {
var $this = $(this);
if(!$this.attr('clicked') || $this.attr('clicked') === "no") { // 未点击
$this.addClass('green'); // 改变颜色
$this.attr('clicked', "yes"); // 重置属性
} else if($this.attr('clicked') === "yes"){ // 被点击过
$this.removeClass('green');
// 改变颜色
$this.attr('clicked', "no");
// 重置属性
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
$(".btn").click(function(){
$(this).toggleClass("active");
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
你可以var一个变量赋值为true。第一次点击的时候,变量为false后,你就知道是不是第二次点击了。
同步到新浪微博
分享到微博?
Hi,欢迎来到 SegmentFault 技术社区!⊙▽⊙ 在这里,你可以提出编程相关的疑惑,关注感兴趣的问题,对认可的回答投赞同票;大家会帮你解决编程的问题,和你探讨技术更新,为你的回答投上赞同票。
明天提醒我
关闭理由:
删除理由:
忽略理由:
推广(招聘、广告、SEO 等)方面的内容
与已有问题重复(请编辑该提问指向已有相同问题)
答非所问,不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因(请补充说明)
我要该,理由是:
扫扫下载 App有时候会遇到这么一个很简单的功能:
jquery实现点击radio,当选中&其它&时,显示后面输入框;否则隐藏
html代码:
&input type="radio" name="rd" class="same" value='选项二' &选项一
&input type="radio" name="rd" class="same" value='选项二'&选项二
&input type="radio" name="rd" class="same others" value='其它'&其它
&input type="text" name="txt" class="txt" value=""/&
jquery代码:
$(function(){
$(".same").click(function(){
$(this).siblings().attr("checked",false);
$(this).attr("checked",true);
if($(this).attr("class").indexOf('others')&=0){
$(this).siblings('.txt').show();
$(".others").siblings('.txt').hide();
注释: if语句也可以使用if($(this).hasClass("others"))进行判断。
如果你有更好的解决办法请留言交流,谢谢!
&看了网友的回复,css其实是最简单的:
.others ~ input[type='text'] {
.others:checked ~ input[type='text'] {
注:但是但是IE9以下低版本不支持。
阅读(...) 评论()
Copyright (C)2017 风雨后见彩虹jquery实现点击图片放大再次点击关闭js特效代码_js特效_中国素材天下
下载次数:1858
需要积分:0
下载地址:
下载说明:
1、同时下载多个文件,容易出现无法解压等情况。请大家下载完成一个文件后再下载另一个。
2、部分素材需要解压密码,请输入:niutuku 。
3、为节约资源,有部分PSD文件已关闭全部图层,下载后请使用Photoshop打开图层眼睛即可。
4、登录后可获得更多便利功能,如未注册,请先注册。
5、日历,台历,挂历等方面的素材请仔细核对后再使用,我们无法保证每个素材的日期时间都是正确的。请慎重!!!!
6、特别说明:本站"设计素材"栏目内的所有资源(包括素材、软件、资料等)仅供学习与参考,请勿用于商业用途。}

我要回帖

更多关于 jquery点击隐藏 循环 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信