Jquery實現(xiàn)的方法有很多fadeIn()（淡出）、show()，或者直接控制css?都可以實現(xiàn)顯示功能。
創(chuàng)新互聯(lián)公司服務(wù)項目包括長治網(wǎng)站建設(shè)、長治網(wǎng)站制作、長治網(wǎng)頁制作以及長治網(wǎng)絡(luò)營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，長治網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到長治省份的部分城市，未來相信會繼續(xù)擴大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！
下面直接給出一個簡單的例子：
ul?id="ul"
lispan顯示的內(nèi)容1/spandiv?style="display:none;"鼠標(biāo)經(jīng)過要顯示的內(nèi)容1/div/li
lispan顯示的內(nèi)容2/spandiv?style="display:none;"鼠標(biāo)經(jīng)過要顯示的內(nèi)容2/div/li
lispan顯示的內(nèi)容3/spandiv?style="display:none;"鼠標(biāo)經(jīng)過要顯示的內(nèi)容3/div/li
/ul
script?type="text/javascript"
$("#ul?li").mouseover(function(){//鼠標(biāo)在li內(nèi)移動時觸發(fā)
$(this).find("div").fadeIn();//淡出顯示當(dāng)前l(fā)i下的div
});
$("#ul?li").mouseout(function(){//鼠標(biāo)移出li時觸發(fā)
$(this).find("div").fadeOut();//淡出隱藏當(dāng)前l(fā)i下的div
});
/script
Jquery獲取層級元素的方法有2種，分別是children()方法和find()方法。
1.children()方法：獲取該元素下的直接子集元素
2.find()方法：獲取該元素下的所有子集元素
3.children()方法獲取ul下面直接子集元素li：$("ul").children("li")
4.find()方法獲取ul下所有元素li：$("ul").find("li")
5.children和find的區(qū)別：children只會查找直接子集，而find會跨越層級查找，一直找到?jīng)]有為止。
本文實例講述了jQuery層次選擇器用法。分享給大家供大家參考，具體如下：
!DOCTYPE
html
PUBLIC
"-//W3C//DTD
XHTML
1.0
Transitional//EN"
""
html
xmlns=""
head
meta
http-equiv="Content-Type"
content="text/html;
charset=utf-8"
/
title2-5/title
!--
引入jQuery
--
script
src="js/jquery-1.10.1.min.js"
type="text/javascript"/script
script
src="js/assist.js"
type="text/javascript"/script
link
rel="stylesheet"
type="text/css"
href="css/style.css"
/
script
type="text/javascript"
$(document).ready(function(){
//選擇
body內(nèi)的所有div元素.
$('#btn1').click(function(){
$('body
div').css("background","#bbffaa");
})
//在body內(nèi)的選擇
元素名是div
的子元素.
$('#btn2').click(function(){
$('body
div').css("background","#bbffaa");
})
//選擇
所有class為one
的下一個div元素.
$('#btn3').click(function(){
$('.one
+
div').css("background","#bbffaa");
})
//選擇
id為two的元素后面的所有div兄弟元素.
$('#btn4').click(function(){
$('#two
~
div').css("background","#bbffaa");
})
});
/script
/head
body
h3層次選擇器./h3
button
id="reset"手動重置頁面元素/button
input
type="checkbox"
id="isreset"
checked="checked"/
label
for="isreset"點擊下列按鈕時先自動重置頁面/label
br
/
br
/
input
type="button"
value="選擇
body內(nèi)的所有div元素."
id="btn1"/
input
type="button"
value="在body內(nèi),選擇子元素是div的。"
id="btn2"/
input
type="button"
value="選擇
所有class為one
的下一個div元素."
id="btn3"/
input
type="button"
value="選擇
id為two的元素后面的所有div兄弟元素."
id="btn4"/
br
/
br
/
!--
測試的元素
--
div
class="one"
id="one"
id為one,class為one的div
div
class="mini"class為mini/div
/div
div
class="one"
id="two"
title="test"
id為two,class為one,title為test的div.
div
class="mini"
title="other"class為mini,title為other/div
div
class="mini"
title="test"class為mini,title為test/div
/div
div
class="one"
div
class="mini"class為mini/div
div
class="mini"class為mini/div
div
class="mini"class為mini/div
div
class="mini"/div
/div
div
class="one"
div
class="mini"class為mini/div
div
class="mini"class為mini/div
div
class="mini"class為mini/div
div
class="mini"
title="tesst"class為mini,title為tesst/div
/div
div
style="display:none;"
class="none"style的display為"none"的div/div
div
class="hide"class為"hide"的div/div
div
包含input的type為"hidden"的div
input
type="hidden"
size="8"/
/div
span
id="mover"正在執(zhí)行動畫的span元素./span
/body
/html
效果圖：
更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《jquery選擇器用法總結(jié)》、《jQuery操作DOM節(jié)點方法總結(jié)》、《jQuery頁面元素操作技巧匯總》、《jQuery常見事件用法與技巧總結(jié)》、《jQuery常用插件及用法總結(jié)》、《jQuery擴展技巧總結(jié)》、《jQuery表格(table)操作技巧匯總》及《jQuery常見經(jīng)典特效匯總》
希望本文所述對大家jQuery程序設(shè)計有所幫助。
主要分三個部分，注冊Handler的Click事件
Click事件引發(fā)是開始拖動，此時注冊Document的MouseMove事件，Move的時候修改對象的位置
松開或者ESC的時候取消移動，注銷Document的Move事件
基本上所有的DragDrop都是這么實現(xiàn)的
遮罩層其實很簡單，你完全可以自己寫個。
div有個屬性index
當(dāng)你不用時你可以讓index=-1 或者
將div的width和height調(diào)到0
當(dāng)你需要遮罩時，通過腳本或者css將width和height調(diào)到你需要的值或者地方。
首先加一個提示層并隱藏
div id="addBox" style="display:none;"保存成功/div
點擊添加后顯示，過一段時間后隱藏
$("$addBox").show();
setTimeout($("$addBox").hide(),3000)
重慶分公司
重慶分公司
