jquery显示的元素,jquery获取元素样式

jquery怎么设置默认显示第一个元素

思路：使用hide()隐藏所有元素→使用选择器first,first-child,nth-child(1)等获取第一个元素→使用show()显示第一个元素。

实例演示如下:

1、HTML结构

div id="test"

liGlen/li

liTane/li

liJohn/li

liRalph/li

/div

2、jquery代码

$(function(){

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

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

});

3、显示效果

相关问答

Q1: 如何通过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

授之以渔

Q2: 怎样判断jQuery 元素是否显示与隐藏

1、新建HTML文件。

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

3、创建HTML内容。

4、用jquery创建点击事件，点击隐藏按钮，p内容隐藏

5、用jquery创建点击事件，点击显示按钮，p内容显示。

6、预览如图当点击隐藏按钮，p内容隐藏。

7、当点击显示按钮，p内容显示。