jquery如何匹配页面所有不可见元素

在php中 , 可以使用“:hidden”选择器匹配页面所有不可见元素 。 下面小编举例讲解?jquery如何匹配页面所有不可见元素 。 ?

jquery如何匹配页面所有不可见元素

文章插图

需要这些哦
jquery+html
代码编纂器:z studio 10.0
方式/
1新建一个html文件 , 定名为test.html , 用于讲解jquery若何匹配页面所有不成见元素 。 ?
jquery如何匹配页面所有不可见元素

文章插图

2在test.html文件内 , 利用b标签 , p标签 , span标签建立多行文字 , 用于测试 。 ?
jquery如何匹配页面所有不可见元素

文章插图

3在test.html文件内 , 将p标签 , span标签设置为不成见 。 ?
jquery如何匹配页面所有不可见元素

文章插图

4在test.html文件内 , 利用button标签建立一个按钮 , 给button按钮绑定onclick点击事务 , 当按钮被点击时 , 执行showAll()函数 。 ?
jquery如何匹配页面所有不可见元素

文章插图

5在js标签中 , 建立showAll()函数 , 在函数内 , 经由过程“:hidden”选择器匹配所有不成见的元素 , 利用show()方式将它们显示出来 。 ?
jquery如何匹配页面所有不可见元素

文章插图

6在浏览器打开test.html文件 , 点击按钮 , 查看实现的结果 。 ?
jquery如何匹配页面所有不可见元素

文章插图
jquery如何匹配页面所有不可见元素

文章插图

总结:1【jquery如何匹配页面所有不可见元素】1、利用b标签 , p标签 , span标签建立多行文字 , 用于测试 。 2、将p标签 , span标签设置为不成见 。 3、利用button标签建立一个按钮 , 给button按钮绑定onclick点击事务 , 当按钮被点击时 , 执行showAll()函数 。 4、在js标签中 , 建立showAll()函数 , 在函数内 , 经由过程“:hidden”选择器匹配所有不成见的元素 , 利用show()方式将它们显示出来 。 ?


以上内容就是jquery如何匹配页面所有不可见元素的内容啦 , 希望对你有所帮助哦!

    推荐阅读