如何使用jquery中的hidden和visible查找元素

 时间:2024-11-09 15:32:51

1、第一步,由于这里使用到jQuery,在已打开的HBuilderX,新建静态页面并引入jQuery核心文件,如下图所示:

如何使用jquery中的hidden和visible查找元素

2、第二步,在body标签元素内,插入一个form表单,然后插入多个input,其中有type为hidden,还有display为none的,如下图所示:

如何使用jquery中的hidden和visible查找元素

3、第三步,在引入jquery下方,插入一个<script></script争犸禀淫>,声明一个变量obj,调用input:visible,获取对应的值,如下图所示:

如何使用jquery中的hidden和visible查找元素

4、第四步,保存代码并打开浏览器查看结果,打开控制台出现了报错,如下图所示:

如何使用jquery中的hidden和visible查找元素

5、第五步,返回到HBuilderX编辑器,将input:visible改为input:hidden,如下图所示:

如何使用jquery中的hidden和visible查找元素

6、第六步,再次保存代码并预览效果,可以看到浏览器控制台打印出input结果,如下图所示:

如何使用jquery中的hidden和visible查找元素
  • access 简单设计专业套打信封凭单收据方便精准
  • 如何使用兼容性视图自动恢复页面布局错误?
  • 如何在win10系统通知栏显示电源图标?
  • 如何设置edge浏览器的追踪防护等级为严格?
  • 怎么使用word的邮件合并分步向导?
  • 热门搜索
    书的海洋手抄报 廉洁文化手抄报内容 预防疾病手抄报内容 垃圾分类手抄报资料 心理手抄报 数学手抄报图片大全 对联手抄报 感恩为主题的手抄报 放飞心灵手抄报内容 关于元旦节的手抄报