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

 时间:2024-10-12 07:50:58

1、新建一个html文件,命名为test.html,用于讲解jquery怎么设置默认显示第一个元素。

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

2、在test.html文件内,引入jquery.min.js库文件,成功加载该文件,才能使用jquery中的方法。

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

3、在test.html文件内,使用p标签创建三行内容,分别是“测试内容1”,“测试内容2”,“测试内容3”。

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

4、在test.html文件内,在css标签内,对p元素进行样式设置,定义其display属性为none,即将三个p元素隐藏不显示。

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

5、在test.html文件内,在js标签内,使用$(function(){})方法设置在页面加载时就执行function中的内容。

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

6、在function方法体内,使用$符号,通过“p:first”来获得页面每一个p元玟姑岭箫素对象,使用show()方法将其显示出来,即把隐藏了的第一个p元素显示出来。

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

7、在浏览器打开test.html文件,查看实现的效果。

jquery怎么设置默认显示第一个元素
  • W10系统打开提示“命名空间已被定义”怎么解决
  • Word文档插入图片不显示怎么解决
  • PS滤镜应用之怎么打造光照效果?
  • 网页中相对布局和绝对布局分别如何实现
  • 文档的当前编码不能正确保存文档怎么办
  • 热门搜索
    预防新型冠状病毒手抄报 新学期手抄报图片大全 英语手抄报图片简单又漂亮 感恩祖国手抄报 新型冠状病毒手抄报 关于春天的手抄报图片 安全知识手抄报内容 交通规则手抄报 中国梦的手抄报 寒假生活手抄报