jquery简单的点击切换效果
2016-06-30 00:59
429 查看
标记法:
利用flag标记的方法控制切换的状态:
html:
jquery:
html:
jquery:
利用flag标记的方法控制切换的状态:
html:
<a href="#">更多</a>
jquery:
$(function(){ var flag=true; $("a").click(function(){ if(flag){ $(this).html("简化"); flag=false; }else{ $(this).html("更多"); flag=true; } }) })
html:
<ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> </ul> <a href="#">更多</a>
jquery:
$(function(){ var flag=true; $("li").eq(4).nextAll().hide() $("a").click(function(){ if(flag){ $(this).html("简化"); $("li").eq(4).nextAll().show(); flag=false; }else{ $(this).html("更多"); $("li").eq(4).nextAll().hide(); flag=true; } }) })
相关文章推荐
- MVC中使用Ajax提交数据 Jquery Ajax方法传值到action
- ASP.NET MVC中使用jQuery时的浏览器缓存问题详解
- 关于绝对路径和相对路径
- jquery中的attributes和properties
- Jquery 元素遍历,取值
- jquery.validate 设置验证信息的显示
- jquery $(window).height()获取的不是窗口的高度解决
- jquery.validate失去焦点时就验证
- JQuery解析XML数据
- jquery 获取checked选中的值
- 自定义jQuery插件Step by Step
- jQuery插件开发的两种方法及$.fn.extend的详解
- 浏览器pdf文件预览的相关问题
- jquery 的动画与特效
- jquery插入兄弟节点的操作
- Jquery的each遍历数据组成JSON
- jquery uploadify
- jQuery基础学习(5)(AJAX)
- Web jquery表格组件 JQGrid 的使用 - 11.问题研究
- Web jquery表格组件 JQGrid 的使用 - 全部代码