如何使用jquery淡出除选定元素之外的任何内容？
使用jQuery实现淡出除选定元素之外的任何内容，可以使用以下步骤：
- 首先，确保你已经引入了jQuery库文件，可以通过以下方式引入：<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
- 确定要淡出的选定元素，可以通过选择器来选择元素。例如，如果要淡出除id为"myElement"的元素之外的所有内容，可以使用以下代码：$('body').children().not('#myElement').fadeOut();
解释：
$('body')选择了整个页面的body元素。children()选择了body元素的所有子元素。not('#myElement')排除了id为"myElement"的元素。fadeOut()将选定元素以及排除的元素进行淡出效果。
- 如果你想要自定义淡出的速度和动画效果，可以在
fadeOut()方法中传入参数。例如，可以使用以下代码来设置淡出的速度为500毫秒，并使用线性动画效果：$('body').children().not('#myElement').fadeOut(500, 'linear');
以上是使用jQuery淡出除选定元素之外的任何内容的方法。请注意，这只是一种实现方式，具体的应用场景和推荐的腾讯云相关产品需要根据具体需求来确定，可以参考腾讯云的官方文档来了解更多相关产品和服务。
相关·内容
我目前正在寻找一种方法来fadeOut页面上的所有元素，而不是手动淡出每个元素。
我可以看到jQuery All Selector ('*')，这完全是我想要的：
$('*').delay(0).fadeOut('fast');
上面的内容会使页面上的每个元素消失。
我的问题是，在此之后，我能否只显示出一个特定的元素呢？我想展示一个单一的因素，并认为这将是最好的方式做事情。
有人有什么想法吗？
浏览 2提问于2013-10-14得票数 2
回答已采纳
我有以下jquery行
$('[genre*="'+$(this).attr('id')+'"]').fadeOut('fast');
它淡化具有genre的元素，其值包含该元素的id的值。
然而，我想要实现的是淡出剩余的元素，而不是匹配的元素。所以就像这样：
$('[genre*="'+$(this).attr('id')+'"]:not').fadeOut('fast');
把“不”放在哪里才是正确的。
谢谢
浏览 0提问于2012-09-27得票数 1
回答已采纳
我正在使用jQuery和Greensock创建一个包含相关内容的菜单。我使用Greensock在用户第一次单击菜单项时触发初始动画。之后，我将使用jQuery的fadeIn/fadeOut函数显示/隐藏内容。菜单项和内容使用数据属性进行链接。
下面是一些HTML示例：
<div class="wrapper">
<div class="list-outer">
<ul class="list">
<li><a href="#" d
浏览 1提问于2017-03-24得票数 0
1回答
我正在尝试写一个简单的谷歌扩展，将点击"ctrl+alt+x“搜索选定的文本在谷歌。
这是我的主题曲：
{
"name": "A jQuery Chrome extension",
"version": "0.1",
"description": "Use jQuery to build Chrome extensions",
"content_scripts": [
{
"matches" : ["http:/
浏览 1提问于2012-01-11得票数 0
回答已采纳
我创建了一个列表和一个项目，以跟踪上选定的<li>项，单击。
HTML代码：
<div class="right">
<div id="bullet">♦</div>
<ul>
<li><a href="#link1">link1</a></li>
<li><a href="#link2">link2</a></li>
<li&g
浏览 0提问于2010-12-26得票数 1
回答已采纳
3回答
寻找一些关于如何在手风琴菜单上淡入文本的帮助。更具体地说，当单击菜单项时，我希望下面显示的文本淡入，并在该菜单关闭时淡出。我是Jquery的新手，虽然我理解基本概念，但我不能让它与当前的代码一起工作。
示例：
任何帮助都将不胜感激！谢谢。
浏览 3提问于2013-05-17得票数 0
回答已采纳
1回答
我正在尝试用jquery找到一种简单的方法，使用alt或title属性(无论哪个更好)，为选定的图片添加透明标题，这些图片可以是幻灯片，也可以是淡入淡出的图片，而且不会添加额外的div。
有没有人能想到一种简单的方法来做这件事？
浏览 1提问于2011-11-20得票数 0
回答已采纳
我试图让一个图像在向下滚动页面时淡出，并使用了js来实现，但它在图像顶部的div上产生了奇怪的效果(负边距)。
这是页面：
要想看到它，你必须在一个大屏幕上看，因为当你开始滚动时，它就会弹出来，而且变得非常透明。顶部的灰色div不应该改变不透明度。
这是用于图像横幅淡入淡出的js：
var fadeStart=100
,fadeUntil=600
,fading = jQuery('.project-banner')
;
jQuery(window).bind('scroll', function(){
var offset = jQu
浏览 0提问于2016-05-06得票数 0
我有这样的代码：
<p>
Non in porttitor porta. Amet ridiculus? Adipiscing cum scelerisque aliquam, tortor ac mauris platea? Vel in amet non nec facilisis, phasellus.<br />
Sagittis diam auctor ultricies in habitasse integer vel duis sociis rhoncus
<a href="something.html">p
浏览 2提问于2011-03-19得票数 2
回答已采纳
我希望有一个菜单(复选框替换下拉列表)，当点击，淡出，但选定的选项停留了一点时间。正如标题所示，在Windows中，所有的“时髦”效果都是一样的--菜单很快就会褪色，而选择的选项则会慢慢淡出。
我的问题是如何使用jQuery实现这一点。我可以使用一个选择器来选择除所选选项之外的父元素的所有子元素，但这很麻烦；理想情况下，我希望能够淡出容器和容器中的所有内容，但能够淡出其中的单个元素，这在容器动画中被排除在外。
下面是一些HTML示例：
<ul>
<li>Option</li>
<li>Option</li>
&
浏览 5提问于2011-07-04得票数 5
回答已采纳
我想输出一个分类法，这样如果选择了一个元素，它就会显示(例如A)，如果选择了两个元素，它就会显示(例如A和B)，但如果选择了更多元素，它会在最后一个元素(例如A，B&C或A，B，C& D)中添加逗号，然后添加&。
这是我到目前为止所拥有的代码
$colours = get_the_terms( $post->ID, 'colour' );
if ( $colours ) {
$i = 0;
foreach ( $colours as $colour ) {
if(1==$i) {
echo
浏览 2提问于2018-10-19得票数 1
我想将css规则应用于所有内容(* { color: red; })。
但是，在不需要Javascript或将类应用于我想要应用的任何东西的情况下，我如何做到这一点呢？
类似于：
*:not-type(div) {
color: red;
}
该文件将是：
<span>this is red</span>
<span>this is red</span>
<div>this is not red</div>
浏览 6提问于2014-08-28得票数 1
回答已采纳
1回答
我可以知道如何固定整个页面的位置，使它在用户滚动时不能移动，除了显示主要内容的div？有没有css或jquery来解决这个问题？谢谢。
浏览 0提问于2011-09-17得票数 1
2回答
旋转推荐信
、、、
如果能帮我修好这个小小的证明盒我会很感激的。现在，我不知道问题出在PHP，CSS，或者仅仅是我的标记，因为虽然帖子看起来会淡出，但它们都会同时出现，第一个淡出只会显示第三个帖子。
脚本如下：
<script language="javascript">
jQuery(document).ready(function(){
jQuery('#testimonials .slide');
setInterval(function(){
jQuery('#testimonials .slide').
浏览 0提问于2013-03-06得票数 1
回答已采纳
2回答
我想知道如何将隐藏函数和显示函数组合成一个切换函数来淡入或淡出内容，我猜这个参数会更新淡入淡出方法：
这是我目前在JS中从我的对象中使用jQuery所做的努力，但这是完全错误的：
toggleAlertOverlay: function (state) {
var instance = this;
if (state === hide) {
instance.selector.fadeOut();
}
elseif(state === show) {
instance.selector.fadeIn();
}
},
toggleAlertOverlay(hi
浏览 0提问于2012-08-08得票数 0
回答已采纳
var disableSelection = function(){
$("#elementId").attr("disabled","disabled");
};
var enableSelection = function(){
$("#elementId").removeAttr("disabled");
};
我有以下要求：
disable SELECT element为了限制用户选择optionsdisabled SELECT element有一些已选择的选项元素在提交事件上启用
浏览 23提问于2012-04-20得票数 24
2回答
我有一个FlexSlider (新版本)，每张幻灯片之间有淡入淡出效果。
这个滑块在除IE<=8之外的所有浏览器中都能正常工作。在IE8中，图像可以很好地淡入淡出，但标题中的文本并未淡出，导致幻灯片1-2、2-3等之间出现了奇怪的瞬间变化……
我试着寻找修复，但找不到任何有用的和工作的东西，有没有解决这个问题的方法？
提前谢谢你，再见。
下面是一个小JSFiddle，它显示了IE8 中的问题
浏览 3提问于2012-08-24得票数 2
回答已采纳
谢谢大家，谢谢你们的快速帮助！剧本现在起作用了。我已经更新了下面的网站和代码。也许有人会发现这段代码很有用。:)
我已经让页面()按照需要使用jQuery淡入。但是，它只会在索引页上消失--所有后续页面都会正常加载。
我在每个页面的标题中有以下脚本(包括没有褪色的子页面)；它包含在使用PHP的每个页面中：
$(document).ready(function() {
function fadePage() {
// Target the tags you want to effect with the fade
var fad
浏览 4提问于2011-08-22得票数 1
我在<div>上使用了jQuery的<div>来给出好的‘下拉’效果。
我让它按照我想要的方式在铬里工作。然后我在IE上试了一下，发现了一些很奇怪的东西..我可以看到动画很好，<div>会扩展到它的全部高度，但是当动画完成后，<div>会消失吗？
我尝试了一些不同的方法来阻止它，结果是给<div>任何min-height (我给它1px)都允许它工作。
我真的很想知道为什么必须在IE中提供一个min-height来使这个函数正常工作？把它放在那里没什么大不了的，但我宁愿明白为什么我必须在那里拥有它。下面的代码。
结构
<div
浏览 3提问于2012-12-11得票数 1
回答已采纳
我有两个彼此靠近的divs。当我将鼠标悬停在div 1上时，显示的是div 2。
如果我不将鼠标悬停在div 2上，它应该会淡出。或者，如果我将鼠标从div one移动到其他地方，那么div two也应该会淡出。
$(".one").mouseover(function () {
$(".two").show();
});
$(".two").mouseleave(function () {
$(".two").fadeOut(1);
});
浏览 0提问于2015-05-12得票数 0
我正在尝试转换HTML文件到PDF文件使用wkhtmltopdf和它创建的文件正确，但缺少所有的引导相关的样式。 下面是将HTML转换为PDF的LINUX命令： xvfb-run --server-args="-screen 0, 1024x768x24" wkhtmltopdf $htmlFile $pdfFile 该应用程序启用了HTTPS，并且所有HTML文件都以HTTPS形式采购，如下所示： https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css
https://code.jquery
浏览 58提问于2019-05-22得票数 0
3回答
我试图通过以下方式将jQuery .fadeIn("slow");与append();连接到forEach();循环中：
items.forEach(function (item) {
showData.append('<div>Test</div>').fadeIn('slow');
});
然而，一旦循环被触发，div被添加的数量仍然没有被添加到淡出效果。任何想法，我可以如何获得淡出效果工作，通过jQuery或CSS，无论是什么是最好的解决方案。
浏览 2提问于2017-08-16得票数 0
回答已采纳
如何在div中选择除一个标记之外的所有标记。(我给出了一个非常简单的代码，但在实际情况下，我可以有任何标记)
我这里也有：
$("div").click(function() {
$('#tot').find('*').not("h1").css("color","blue");
// $('#tot').find('*:not("h1")').css("color","blue");
});
<scrip
浏览 3提问于2015-02-15得票数 0
1回答
jQuery的第n个子选择器不能像我期望的那样与下面的HTML一起工作。它返回0而不是(总数选择- 1)。如果我去掉表，只保留SELECTs，它就能正常工作。我注意到，无论我是否保留表结构，如果我使用nth-child(n+1)，它都工作得很好。将警告代码移动到按钮单击事件不会更改任何内容。
<table>
<tr>
<td>
<select>
<option value=""></option>
浏览 0提问于2011-07-29得票数 0
回答已采纳
我试图在div被单击时隐藏该div及其子项，但不会在其任何子项发生任何事件时隐藏该div及其子项；例如，滑动、点击或单击。
在单击时隐藏div的jQuery很简单：
$("#tabs").click(function(){
$(this).fadeOut();
});
但我注意到，当它的子项被点击或滑动时，div就会淡出。
当这些事件发生在div的子级上时，我如何防止div淡出，而只允许它在单击时淡出？
浏览 1提问于2013-03-21得票数 3
回答已采纳
1回答
这个密码怎么了？可能很多，因为我对jquery还不熟悉。我试图fadeIn的网页，然后淡出背景到另一个，淡出和在导航和设置它，以便链接将淡出页面，并带来新的页面。我现在的代码不太好用，我认为一些语法和格式是问题所在。
$(document).ready(function() {
$('body').fadeIn(1500);
});
$('#background').addClass('background');
setTimeout(function() {
$('#background').addClass(
浏览 3提问于2015-09-17得票数 0
回答已采纳
如果我有多张(最多十几张)的图片，我想要改变位置，调整大小，淡入淡出和旋转，我想我的选择是Flash (我并不真的想用)，<canvas>，或者很多<img>标签和jQuery。
我确信这取决于很多因素--例如浏览器和它的布局引擎--但我想知道是否有可能推广这些方法中的一种可能比另一种更快。
我对浏览器兼容性不太感兴趣--这是一个艺术项目--所以速度是我真正关心的，因为我以前见过jQuery动画变得不稳定，我想避免这种情况。
浏览 1提问于2013-01-21得票数 0
当我有$("someSelector")时，它返回一个Node元素数组。如何将每个Node转换为jQuery对象，以便对它们执行jQuery函数？
简单地说，作为一个例子，除了第一个.text()对象之外，我如何实现对每个元素的jQuery函数结果的等效？
浏览 2提问于2020-04-23得票数 0
回答已采纳
2回答
抱歉，如果标题有点模糊，我目前正在学习jQuery，并希望淡入和悬停时淡出一个内容div，同时显示一个阅读更多的链接，当悬停时隐藏它。我可以让div淡入淡出和阅读更多链接显示，虽然目前的阅读更多链接是继承不透明的.25淡入淡出，我知道我必须添加这个显示方法，但我不确定我必须使用什么函数或方法。
代码在这里
如果有人能向我解释任何事情，那将是非常棒的，因为我很乐意尽可能多地完全理解。
浏览 0提问于2011-05-12得票数 0
我正在尝试创建一个图像旋转器，其中一个图像将淡入下一个图像，依此类推，直到它循环回到第一个图像。我得到了前两个图像正常工作，但其余3个没有正确淡入淡出。它们就会跳到视线中。
我知道我仍然需要考虑轮换结束的原因。我还没有处理好这件事，因为我只是想让第一轮轮换开始。
为了让它正常工作，我遗漏了什么？
我的HTML：
<div id="imageRotator">
<div id="image01" class="current">
<img src="images/imageRot
浏览 2提问于2013-03-27得票数 0
回答已采纳
我在CSS中有一个类似模式的窗口，我用Javascript淡入其中。HTML如下所示：
<div class="whiteout">
<div class="modal">
<a class="modal-close" title="Close"></a>
// modal window content
</div>
</div>
CSS是这样的：
.whiteout {
display: none;
position: fix
浏览 0提问于2012-01-30得票数 0
回答已采纳
我正在寻找一个建议，关于哪个jquery插件将实现我想要的。
基本上我想在页面上有5个图像，这些图像会自动改变(淡入/淡出)，当点击图像时，它会转到与图像相关的页面。
例如：
在上面的页面中，有一些图像会自动淡入/淡出，并且存在一定的时间差，因此过渡效果看起来很好。
使用jquery实现这一点的最佳方式是什么？
浏览 1提问于2009-09-04得票数 1
我正在处理jquery淡出函数，我认为fadeOut()添加了" display :none“样式，而fadeIn()添加了一些显示属性。有时是"display:table“，有时是"display:list-item”。
我的问题是..
当您淡入时，jquery如何决定它将把显示样式转换成什么？这看起来有点随机。
难道没有一种方法可以简单地删除"display:none“样式，并将其保留为淡出之前的样式吗？
浏览 3提问于2015-06-11得票数 2
2回答
这基本上是一个不刷新页面的菜单。我尝试一次只有一个图像处于活动状态，并且在取消选择以前选择的菜单选项时遇到问题。也就是说，这更像是一个复选框，而不是一个单选框。
$(function(){
$(".img-swap").live('click', function() {
if ($(this).attr("class") == "img-swap") {
this.src = this.src.replace("_off","_on");
浏览 0提问于2012-01-24得票数 0
回答已采纳
6回答
如何使用jQuery淡出div的边缘？想象一下一个旋转木马，里面有水平滑动的图像。如何淡出左侧和右侧，使边缘附近的图像逐渐消失。
希望一切都清楚了。:)
浏览 0提问于2010-08-16得票数 14
我想知道是否有可能做到这一点。我需要创建jquery函数，它淡出任何被点击的对象。我认为这可以工作，但它不是，这将淡出所有对象时，一个被点击，有没有办法做到这一点，或者我需要创建一个单独的函数为每个淡出id或类？ $("*").click(function() {
$(this).fadeOut( "slow" );
});
浏览 23提问于2021-01-27得票数 0
回答已采纳
4回答
选择没有具体内容的Div
、、、、
问：
我有以下情况：
Div包含一个链接，我只想选择没有链接的div，我的意思是，当我点击div时，我想要的具体操作与点击link.through的JQuery是不同的。
我工作的结构是：(由firebug提供)
<div class ="rsAptContent"> sql <a class = "rsAptDelete" href = "#" style ="visibility: hidden;">Delete</a> </div>
JQuery代码：
<script t
浏览 0提问于2011-03-21得票数 2
回答已采纳
如何使用jQuery隐藏除当前行(点击行)之外的所有行？
当我单击特定行时，我想隐藏除当前一行之外的所有行。
<table>
@foreach (var item in Model)
{
idValue++;
<tr class="tableRow" id="@idValue">
<td class="master" id="@item.Batch_Seq">
<a href= "#
浏览 0提问于2013-06-18得票数 0
一般情况下，我想禁用页面上的右键单击，但是每个图像上都有一个定制的jquery对话框。现在img id被传递给事件，所以当菜单相同时，它会给出每个图像不同的结果。
因此，我想绑定我的通用上下文菜单的所有非图像，但img class=“图像”.
那么我如何表达$(!.image)？
编辑我查找了not函数。我使用它是这样的:然而，我仍然得到一般的帮助，即使在照片上。
<script>
$(document).ready(function() {
$('*').not('.public-photo').bind("contextmenu
浏览 5提问于2012-11-23得票数 1
3回答
可能重复：
在jQuery中，我目前正在使用它获取一些HTML：
var content = $("tr#add-ingredients-over-here").html();
但是，我实际上需要将这个tr包含在选定的HTML中。我不知道该怎么做。之后，我还需要用其他HTML替换它。
对如何做到这一点有什么建议吗？
浏览 4提问于2013-01-13得票数 1
我正在创建一个调光插件，我想给它一个很好的淡入淡出过渡。当我使用背景半透明的'png‘图像时，它可以使页面变暗，但问题是，当我给它淡入淡出效果时，所有的东西都消失了，而我想只给背景这种效果。
var $j = jQuery;
$j(document).ready(function(){
// Hide shadow
jQuery(".shadow-class").css('background', 'none');
jQuery(".custom-read-more-toggle").on("click&#
浏览 0提问于2015-11-25得票数 0
假设我有类似下面这样的html。
<ul id="leftNavigation">
<table id="leftNavTable"><tr><td>blablabla</td></tr><table>
<li>1</li>
<li>2</li>
</ul>
我想要做的是，当我单击任何li时，该表应该被隐藏，另一个表应该被附加到table.lets的位置，即该表是
<table id="Sele
浏览 0提问于2011-01-28得票数 29
回答已采纳
代码如下：
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery(".toexpand").next().hide();
jQuery(".toexpand ul:first").slideToggle();
jQuery(".toexpand").click(function () {
jQuery(this).next().slideToggle('medium');
});
})
浏览 0提问于2010-09-09得票数 1
回答已采纳
4回答
如何使用jquery选择html表中除表头行以外的行？
<table id="mytable">
<thead>
<tr>
<th>
Foo
</th>
<td>
Lorem
</td>
<td>
浏览 3提问于2010-07-28得票数 21
回答已采纳
1回答
我觉得我要问一些愚蠢的问题，但无论如何，我无法在铬或野生动物园中显示内联的div。这是我的html文档：
<!doctype html>
<html>
<head>
</head>
<body>
<div style="display: inline; background-color: red; width: 100px; height: 100px;"></div>
<div style="display: inline; background-color:
浏览 6提问于2017-04-24得票数 0
回答已采纳
我有3个图像，并有一个功能，使鼠标滚动，他们淡入和淡出。如果正在滚动的图像有类“选定”，我不想这样做。
到目前为止，我有以下代码：
$(".thumbs").hover(function(){
if (!($(this).hasClass(".selected")){
$(this).stop().fadeTo("normal", 1.0);
},function(){
$(this).stop().fadeTo("slow", 0.3);
}
});
对我来说，IF语句看起来应该是：
if (!($(this).hasC
浏览 0提问于2009-02-06得票数 3
回答已采纳
2回答
我用php渲染了一些图像，但我也渲染了a href="" -图像区域在淡入淡出时会发生变化，但url是相同的。
如何同时更改url和图片？
JQuery循环
浏览 0提问于2012-06-05得票数 0
回答已采纳
1回答
Jquery验证引擎正则表达式
、、、、
我使用jQuery来验证一个输入表单。我在我的输入框中有一些值，名字，电话等等，它们是幽灵的提示，作为用户的指南。
我的问题出现在jQuery验证上，因为它将此虚像文本识别为输入，因此在用户输入任何内容之前处理表单。
输入字段：
<input class="validate[required,custom[name]] text-input" type="text" name="Name" id="Name" value="Name" onfocus="if
(this.value==this.def
浏览 1提问于2012-07-12得票数 2
回答已采纳
1回答
你知道如何在单元格中显示选定的切片器项目吗？
我尝试使用以下UDF代码：
Public Function SlicerSelections(Slicer_To_Project_Name1 As String) FblSlicerSelections = "" Dim i As Integer With ActiveWorkbook.SlicerCaches(Slicer_To_Project_Name1) For i = 1 To .SlicerItems.Count If .SlicerItems(i).Selected Then
浏览 1提问于2016-08-18得票数 1
6回答
我想删除一个div元素的点击事件，但我想删除它的淡出效果。我有一些JQuery解决方案，但我需要纯JavaScript或css解决方案。
document.querySelector('.list').addEventListener("click", function(e){
if (e.target.localName === "span") {
var removeTarget = e.target.parentNode.parentNode;
removeTarget.parentNode.remo
浏览 13提问于2015-10-29得票数 24
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
