jQuery
Dimple_z
Watch less, do more.
展开
-
关于jquery的val()方法注意点
当页面存在多个input标签,采取 $(‘input’).val()只能获取第一个input属性,因而需要对input标签组成的伪数组进行遍历来获取,用到each()方法var arr=[]$('th input').each(function(){ arr.push($(this).val());// 将获取到的所有value添加进arr});...原创 2020-02-15 16:19:23 · 477 阅读 · 0 评论 -
超级简单实现竖向折叠二级菜单
用jQuery的几个方法快速实现竖向折叠二级菜单,点击一级菜单出现二级菜单,带动画效果注意点:不要给一级菜单的li设定宽度,因为点击后li会自然撑大 <script> window.onload=function(){ $('.nav li').click(function(){ $(this).child...原创 2020-02-09 19:24:55 · 1971 阅读 · 0 评论 -
手动实现模态框
手动实现模态框设置一个用于遮罩整个页面的div,其css样式为:.mask{ width:100%; height:100%; display: none; position:fixed; background:rgba(0,0,0,0.3); z-index: 998;}js部分代码: //模态框frame $('.frame')...原创 2020-02-08 11:40:13 · 316 阅读 · 0 评论 -
带控制按钮的jQuery轮播图插件
带控制按钮(点击移动到指定图片)的jQuery轮播图插件效果图 $.fn.slider = function(){ //完成轮播图 //在jQuery原型方法中,this就指的调用该方法的jQuery对象 // console.log(this);//指的就是调用该方法的ul列表 //轮播图变量 var $ul ...原创 2020-02-08 11:00:07 · 421 阅读 · 1 评论