jquerysiblings过滤_jQuery过滤选择器怎么制作图片突出效果

① 关于jQuery删除siblings()同辈元素的问题

既然大家都给代码，我就给文字解释：你选中的是li下的a标签，在这个下的this指的是所有的a标签的兄弟标签，他们都只有一个，所以你的siblings是取不到的。你要写siblings的话前面的选择器必须取到li为止。

② jq中，一次性使用siblings()以及使用removeClass移除全部样式再添加样式，哪个比较好，他们有什么问题

首先，$('li', '#address_more')选中的是什么？是想表达$('li #address_more')么？
如果就是想点击加上去掉active class这个功能，可以试试toggleClass

③ jQuery过滤选择器怎么制作图片突出效果

我们经常在一些网站上看到图片突出效果，即若干个图片摆放在一起，当鼠标放到某一张图片上时，以其他图片变暗的方式突显这张图。大致效果如下：

首先布局HTML：

<divclass="main"><ul><li><imgsrc="images/1.jpg"width="350px"height="200px"alt=""></li><li><imgsrc="images/6.png"width="350px"height="200px"alt=""></li><li><imgsrc="images/3.jpg"width="350px"height="200px"alt=""></li><li><imgsrc="images/4.jpg"width="350px"height="200px"alt=""></li><li><imgsrc="images/5.jpg"width="350px"height="200px"alt=""></li><li><imgsrc="images/2.jpg"width="350px"height="200px"alt=""></li></ul></div>

接下来简单调整一下css样式

有没有很简单。

再下一步就是要引入jq和编写jq代码来实现效果了

<scriptsrc="images/jquery-1.12.4.js"></script>

就是这么简单,有没有很意外?主要熟悉使用siblings()和find()两个过滤选择器来实现效果,至于作者的布局好不好看，图片搭配美不美的问题就不要深究了。

④ jquery里面的siblings()方法是当前元素寻找同胞元素，但有个地方不太明白

P元素是不能包含块级元素（包括P自身）

你可以试一下下面的代码，11并没有变色。

而且实际运用的时候一般都会加上id或者class的。不会这样一次获取全体元素的。

对于这种嵌套的研究，最好用div实验。

<!doctypehtml>
<html>
<head>
<title>demo</title>
<metacharset="utf-8"/>
<scripttype="text/javascript"src="js/jquery-3.1.1.min.js"></script>

<styletype="text/css">

</style>
<script>
$(function(){
$("p").siblings().css("color","red")
})

</script>
</head>
<body>
<p>11</p>
<span>22<p>33</p></span>


</body>


</html>

⑤ JQuery中的siblings()是什么意思

jQuery siblings() 方法返回被选元素的所有同胞元素，并且可以使用可选参数来过滤对同胞元素的搜索。

实例演示：点击某个li标签后将其设置为红色，而其所有同胞元素去除红色样式

创建Html元素

<divclass="box">
	<span>点击li元素设置红色并去除其余所有同胞元素的红色样式：</span><br>
	<divclass="content">
		<li>栗子</li>
		<li>李子</li>
		<li>梨子</li>
		<li>荔枝</li>
	</div>	
</div>

设置css样式

div.box{width:300px;padding:20px;margin:20px;border:4pxdashed#ccc;}
div.boxspan{color:#999;font-style:italic;}
div.content{width:250px;margin:10px0;padding:20px;border:2pxsolid#ff6666;}
li{padding:10px;}
.red{color:red;}

编写jquery代码

$(function(){
	$("li").click(function(){
		$(this).addClass('red');//设置被点击元素为红色
		$(this).siblings('li').removeClass('red');//去除所有同胞元素的红色样式
	})
})

观察效果

点击李子，李子呈红色，其余li元素正常

⑥ 请教jquery siblings 遍历问题

siblings()不是遍历函数，应该说是指兄弟元素函数，比如：

<div>
<p></p>
<pclass="p"></p>
<p></p>
<p></p>
<p></p>
</div>

$(".p").siblings();

指的是获取类p的p标签的所有同层的兄弟元素。即div里面所有标签元素的意思。

⑦ jquery中如果查到多个对象，怎么使用siblings方法去改同辈的样式，如果改了的话，它会影响

siblings只能改变除了自己以外的同辈标签，所有如果jquery对象中有多个的话会把所有的同辈标签都改变，比如

<ul>
<li>listitem1</li>
<liclass="item">listitem2</li>
<liclass="item">listitem3</li>
<li>listitem4</li>
<li>listitem5</li>
</ul>

下面这样，如果使用

$('li.item').siblings().css('background-color','red');

会全部变成红色，要想实现2，3两个颜色和别的不一样还需要多加一句

$('li.item').each(
function()
{
$(this).css('background-color','green');
}
)

⑧ jquery的siblings()，和next（）详解，带例子

⑨ jquery的siblings()方法与$("prev～siblings")选择器进行比较，有什么区别

你好。
均是匹配prev之后的所有同辈元素，区别都不大，jquery查询本身是比较快捷的，所以在查询效率上去追究也没有意义，关键看自己喜欢哪一种方式以及通用性，个人比较推荐第一种，第二种在开发中很少用到，毕竟有的特殊字符（'~'）看起来不是很优雅。

⑩ jQuery 的siblings括号里的选择表达式怎么写能选择name或其它属性为特定值的块

var $el = $("p").siblings("span[name='nidaye']");

导航:首页 > 净水问答 > jquerysiblings过滤

jquerysiblings过滤

与jquerysiblings过滤相关的资料