html+jquery
代码编纂器:Dreamweaver CS5方式/
1新建一个html文件 , 定名为test.html , 用于讲解jQuery实现html元素显示与埋没的判定 。
文章插图
2在test.html文件内 , 利用p标签建立三行文字 , 并别离给它们设置id属性 , 本家儿要用于下面经由过程该id获得p元素对象 。
文章插图
3在test.html文件内 , 设置id属性为two的p元素的css样式 , 将display属性设置为none , 实现该p元素埋没不显示 。
文章插图
4在test.html文件内 , 利用button标签建立一个“判定是否埋没”按钮 , 给button按钮绑定onclick点击事务 , 当按钮被点击时 , 执行ispan()函数 。
文章插图
5在js标签中 , 建立ispan()函数 , 在函数内 , 利用$符获得id为two的元素对象 , 再利用jquery中的css()方式 , 获得display属性值 。
文章插图
6在ispan()函数内 , 利用if语句判定上一步获得的display属性值 , 若是属性值为none , 则暗示p元素埋没了 , 不然 , 则暗示p元素没有埋没 。
文章插图
7【jQuery实现html元素显示与隐藏的判断】在浏览器打开test.html文件 , 点击按钮 , 查看实现的结果 。
文章插图
文章插图
以上内容就是jQuery实现html元素显示与隐藏的判断的内容啦 , 希望对你有所帮助哦!
推荐阅读
- 怎样设置用指定的浏览器打开html文件
- 用jquery获取div在页面上的位置
- 利用jquery在某个div后添加一个div
- jquery怎么创建一个img标签
- html、js怎么判断用户名密码不能为空
- 电脑端截图—滚屏截图
- js中onclick事件如何调用两个方法
- AE 如何实现燃烧的蜂窝矩阵
- python如何实现数据的规范化
- 乐心Mambo智能手环如何和手机匹配连接实现同步