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過濾相關的資料