.toggle() 第一讲·简单介绍
来源:互联网 发布:游戏帧数显示软件 编辑:程序博客网 时间:2024/05/16 12:12
<!doctype html><html><head> <meta charset="utf-8"> <title>.toggle() 第一讲·简单介绍</title> <script src="https://code.jquery.com/jquery-1.10.2.js"></script></head><body><button>点我</button><p>你好</p><p style="display: none">hello word!</p><script>$( "button" ).click(function() { $( "p" ).toggle();});</script></body></html>
通过Chrome审查元素可以发现, .toggle()函数实质上改变的是相应元素的层叠样式属性值, .toggle()函数会改变它所有能选择到的元素的属性,将其层叠样式属性display的值从默认值(或者我们设置的值)改变为none,将其层叠样式属性display的值从none改变为默认值(或者我们设置的值)。每执行一次,就会做这两个动作,起到了一个开关的效果。
(欢迎各位高手指正不足之处)
1 0
- .toggle() 第一讲·简单介绍
- 第一讲 封装简单窗口程序和DX9介绍
- 第一讲 Cocos2d-x 介绍
- mongoDB第一讲:入门介绍
- [CS231n] 第一讲:课程介绍
- 原创:spring入门介绍第一讲
- 第一讲 什么是jQueryEasyUI jQueryEasyUI介绍
- Shader第一讲 unity Shader 介绍
- Scratch第一讲:scratch编程软件介绍
- 第一讲
- 第一讲
- 第一讲
- MySQL学习笔记 第一讲:介绍和入门
- 训练局限玻尔斯曼机(Training Restricted Boltzmann Machines)----第一讲 介绍
- WCF学习之旅第一讲 简单的WCF应用
- 大话设计模式第一讲(简单工厂模式)
- toggle()
- 背包九讲第一讲-简单的0/1背包问题有感1.1
- SpringMVC返回json是设置编辑等消息头,消息头信息介绍(respone.setHeader,这个从网上获取)
- javascript进阶(五)— — 理解正则表达式
- linux netstat命令详解
- openwrt 编译出中文luci
- 2016 女生赛 1002 Desert
- .toggle() 第一讲·简单介绍
- android设备管理器使用
- 练习三 1001
- JAVA模式设计-简单工厂模式
- 多线程-单线程执行程序
- 基因数据处理30之avocado运行avocado-cli中的avocado问题1和2
- 最大公约数与最小公倍数
- BearSkill实用方法之UITextField限制输入的字符数量
- myeclipse编写的一个简单登陆程序