jQuery实现html元素显示与隐藏的判断

html+jquery
代码编纂器:Dreamweaver CS5方式/
1新建一个html文件 , 定名为test.html , 用于讲解jQuery实现html元素显示与埋没的判定 。

jQuery实现html元素显示与隐藏的判断

文章插图

2在test.html文件内 , 利用p标签建立三行文字 , 并别离给它们设置id属性 , 本家儿要用于下面经由过程该id获得p元素对象 。

jQuery实现html元素显示与隐藏的判断

文章插图

3在test.html文件内 , 设置id属性为two的p元素的css样式 , 将display属性设置为none , 实现该p元素埋没不显示 。

jQuery实现html元素显示与隐藏的判断

文章插图

4在test.html文件内 , 利用button标签建立一个“判定是否埋没”按钮 , 给button按钮绑定onclick点击事务 , 当按钮被点击时 , 执行ispan()函数 。

jQuery实现html元素显示与隐藏的判断

文章插图

5在js标签中 , 建立ispan()函数 , 在函数内 , 利用$符获得id为two的元素对象 , 再利用jquery中的css()方式 , 获得display属性值 。

jQuery实现html元素显示与隐藏的判断

文章插图

6在ispan()函数内 , 利用if语句判定上一步获得的display属性值 , 若是属性值为none , 则暗示p元素埋没了 , 不然 , 则暗示p元素没有埋没 。

jQuery实现html元素显示与隐藏的判断

文章插图

7【jQuery实现html元素显示与隐藏的判断】在浏览器打开test.html文件 , 点击按钮 , 查看实现的结果 。

jQuery实现html元素显示与隐藏的判断

文章插图

jQuery实现html元素显示与隐藏的判断

文章插图


以上内容就是jQuery实现html元素显示与隐藏的判断的内容啦 , 希望对你有所帮助哦!

    推荐阅读