這篇文章主要講解了“jquery如何修改z-index值”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“jquery如何修改z-index值”吧！

創(chuàng)新互聯(lián)堅(jiān)持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都網(wǎng)站制作、網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時代的張家港網(wǎng)站設(shè)計(jì)、移動媒體設(shè)計(jì)的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

jquery修改z-index值的方法：1、用css()方法，語法“$(selector).css("z-index","值")”；2、用attr()方法，語法“$(selector).attr("style","z-index:值")”。

本教程操作環(huán)境：windows7系統(tǒng)、jquery1.10.2版本、Dell G3電腦。

在jquery中，可以利用css()或attr()方法來修改元素的z-index值。

• css() 方法可設(shè)置被選元素的一個或多個樣式屬性。

• attr() 方法可設(shè)置被選元素的屬性值。

示例：

	
		
		
			img {
				position: absolute;
				left: 0px;
				top: 0px;
				z-index: -1;
			}
		
		
		
			$(document).ready(function() {
				$("button").click(function() {
					// $("img").css("z-index","1");
					$("img").attr("style","z-index:1;");
				});
			});
		

	

	
		
This is a heading
		
		
由于圖像的 z-index 是 -1，因此它在文本的后面出現(xiàn)。

		改變z-index值，讓圖片在文字前 
	

感謝各位的閱讀，以上就是“jquery如何修改z-index值”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對jquery如何修改z-index值這一問題有了更深刻的體會，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識點(diǎn)的文章，歡迎關(guān)注！