Tag: 切换

jquery选择除div及其子元素之外的所有元素: 我有这个html / css代码：当用户点击除#sub_menu_area之外的所有其他内容时，我试图触发一个函数。我使用js的以下部分： $(‘*’).not(‘#submenu_area’).click(function(){ if(slide == “open”){ $(‘#sliding_menu_area’).toggle(effect); slide = “close”; } }); 不幸的是，孩子们不知何故不被排除在外，并且点击它会翻转很多次。有谁知道如何正确地做到这一点？！ 🙂 编辑：所以我需要的是一个jquery选择器来正确获取： on click of all elements of body EXCEPT for #submenu_area and its descendants 。

单击jquery切换时更改按钮文本（显示/隐藏/显示）: 我正在研究这个小提琴： http ： //jsfiddle.net/cED6c/7/我想点击按钮文本更改，我尝试使用以下代码：但是，它不起作用。我该如何实现呢？任何帮助都会很棒。

slideToggle JQuery从右到左: 我是JQ的新手我在互联网上找到了这个脚本，它完全符合我的要求，但我希望滑动将从右到左怎么办呢？请帮忙这是代码 $(document).ready(function(){ $(“.slidingDiv”).hide(); $(“.show_hide”).show(); $(‘.show_hide’).click(function(){ $(“.slidingDiv”).slideToggle(); }); }); .slidingDiv { height:300px; background-color: #99CCFF; padding:20px; margin-top:10px; border-bottom:5px solid #3399FF; } .show_hide { display:none; } Fill this space with really interesting content. hide Show/hide

使用jQuery Toggle更改div文本: 使用slideToggle ，如何更改文本关闭/显示？我做了一个简单的，但无法将文本更改回来。这是我做的： $(document).ready(function(){ $(‘.open’).click(function(){ $(‘.showpanel’).slideToggle(‘slow’); $(this).text(‘close’); }); $(‘.open2’).click(function(){ $(‘.showpanel2’).slideToggle(‘slow’); $(this).text(‘close’); }); }); body{ font-size:20px; } #box{ border:2px solid #000; width:500px; min-height:300px; } .open,.open2 { width:450px; height:50px; background:blue; margin:5px auto 0 auto; color:#fff; } .showpanel,.showpanel2{ width:450px; height:300px; margin:0 auto 10px auto; background:red; display:none; } Show This is content Show This is content http://jsfiddle.net/9EFNK/

过滤：如何在点击时隐藏/显示（切换）某些表格行？: 假设这个表（实际上它可能有更多的列和行）： Type Color Wheels Car Red 4 Motorcycle Green 2 Bike Blue 2 Car Blue 4 Bike Green 2 Motorcycle Red 2 现在我的目标是能够点击表格数据（单元格），例如“Car”，然后只显示两辆车。再次单击“Car”应再次显示孔表。或者单击“红色”，然后只显示红色车辆（红色汽车和红色摩托车）。如何使用jQuery实现这一目标？

替换.toggle（在jQuery 1.9中: 我找到了不同的替代品来为jQuery 1.9切换这里，但我不能让它在我的情况下工作： $(‘.thumb.flip’).toggle( function () { $(this).find(‘.thumb-wrapper’).addClass(‘flipStop’); }, function () { $(this).find(‘.thumb-wrapper’).removeClass(‘flipStop flipIt’); } );

JS / CSS幻灯片效果适用于小提琴，而不是html: 我的第一个问题是关于小提琴不工作。现在它可以工作，但是如果我将它复制到我的括号文件中它就不再起作用了。我确实包含了我放在外部资源中的链接。这是小提琴： https ： //jsfiddle.net/wtbdxx2b/6/ 和HTML; click hello css; .content { position: absolute; width: 100%; height: 10%; bottom: 0; left: 0; background-color: #000; color: #FFF; transition: all 1s; } .content.open { height: 90%; } 和javascript; $(“.trigger”).click(function() { $(“.content”).toggleClass(“open”); });

当我不想要它时，jquery .click覆盖主播href！: 我有一组嵌套的DIV，当用户点击它们时，使用jQuery进行滑动。在最里面的DIV内部有一个带有HREF的锚标签，它应该在某个地方导航。问题是，当我点击链接时，它就像父DIV一样滑动，而不是导航到url。如果我右键单击锚点并选择在新选项卡中打开，那么导航就可以了。请问你能发现什么问题吗？谢谢 ThirdParty Bobs shop Gifts Option 1 $(“div.subSystemHeader, div.subSystemHeader”).click(function() { $(“> div”, this).slideToggle(…); return false; });

切换时更改按钮背景颜色: 我有一个按钮，我想在点击时将其背景颜色更改为白色，然后当我再次单击它返回其原始背景颜色时，我该怎么做？这是我的代码： $(document).ready(function () { $(“button”).click(function () { $(this).css(“background-color”, “#FFF”); }); }); Hello