jquery怎么設(shè)置默認(rèn)顯示第一個(gè)元素

思路：使用hide()隱藏所有元素→使用選擇器first,first-child,nth-child(1)等獲取第一個(gè)元素→使用show()顯示第一個(gè)元素。

達(dá)日網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)！從網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、成都響應(yīng)式網(wǎng)站建設(shè)公司等網(wǎng)站項(xiàng)目制作，到程序開發(fā)，運(yùn)營維護(hù)。創(chuàng)新互聯(lián)2013年開創(chuàng)至今到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)。

實(shí)例演示如下:

1、HTML結(jié)構(gòu)

div?id="test"

liGlen/li

liTane/li

liJohn/li

liRalph/li

/div

2、jquery代碼

$(function(){

$("#test?li").hide();

$("#test?li").eq(0).show();

});

3、顯示效果

如何通過jquery隱藏和顯示元素

………………竟然有人問這種問題………………

舉例

html

head

script?type="text/javascript"?src="/jquery/jquery.js"/script

script?type="text/javascript"

$(document).ready(function(){

$(".btn1").click(function(){

$("p").hide();

});

$(".btn2").click(function(){

$("p").show();

});

$(".btn3").click(function(){

$("p").toggle();

});

});

/script

/head

body

pThis?is?a?paragraph./p

button?class="btn3"切換/button

button?class="btn1"Hide/button

button?class="btn2"Show/button

/body

/html

授之以漁

怎樣判斷jQuery 元素是否顯示與隱藏

1、新建HTML文件。

2、引入jquery.min.js文件。

3、創(chuàng)建HTML內(nèi)容。

4、用jquery創(chuàng)建點(diǎn)擊事件，點(diǎn)擊隱藏按鈕，p內(nèi)容隱藏

5、用jquery創(chuàng)建點(diǎn)擊事件，點(diǎn)擊顯示按鈕，p內(nèi)容顯示。

6、預(yù)覽如圖當(dāng)點(diǎn)擊隱藏按鈕，p內(nèi)容隱藏。

7、當(dāng)點(diǎn)擊顯示按鈕，p內(nèi)容顯示。