jq-搜索列表,幸凡学习网

文章搜索列表

文章搜索 >> jq

发布时间：2018/9/26 10:40:08 阅读(9374)条评论(0)条

一、概述：html页面内容的收缩和展开效果, 默认显示两行内容，点击进看全文，显示全部。(效果如下图：)二、源代码如下：<!DOCTYPE html><html><head><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta http-equiv="content-type" content="text/html;charset=utf-8"><title>px / rem 默认显示两行内容点击进看全文显示全部</title> <script src="http://code.jquery.com/jquery-2.1.1.min.js">...未完，继续阅读→
关键字：jq 技巧

js 只选择选择时分秒的jq插件

发布时间：2018/6/20 11:40:49 阅读(13644)条评论(0)条

一、概述：由于项目中需要使用到只选择时分秒的插件，而开始使用的laydate插件必须要带日期所以，还是自己写一个时分的插件吧。效果如图下：二、实例代码：（点击进入预览效果）<!doctype html><html><head><meta charset="utf-8"><title>js 只选择选择时分秒的jq插件-幸凡学习网</title><style>/* CSS Document */html, body, div, p, ul,ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td,figure{margin:0;pa...未完，继续阅读→
关键字：插件时间

$(document).click 在iphone上不触发事件解决办法

发布时间：2018/3/14 10:51:26 阅读(6084)条评论(0)条

<div class="name">点我</div>$(document).on("click", ".name", function() {alert("name");});以上代码在电脑浏览器和安卓上都能触发alert事件，但是在ios上却完全没有反应查阅了很多信息后，说是iphone这些元素上没有click事件，它是touch事件，就是说如果这个name标签是button的可click事件则是可以触发的，因为div本身默认不可点击1、有一个解决方法是给这个元素添加css.name{cursor:pointer;}这样是可以解决的2、但是如果你觉得粗暴的话，可以将click改为touchsta...未完，继续阅读→
关键字：bug jq

浅谈jquery中attr和prop的区别

发布时间：2017/8/9 11:11:40 阅读(5745)条评论(0)条

一、概述：在高版本的jquery引入prop方法后，什么时候该用prop？什么时候用attr？它们两个之间有什么区别？这些问题就出现了。关于它们两个的区别，网上的答案很多。这里谈谈我的心得，我的心得很简单：对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。二、说明：上面的描述也许有点模糊，举几个例子就知道了。<a href="http://www.86y.org" target="_self" class="btn">幸凡学习网</a>这个例子里<a>元素...未完，继续阅读→
关键字：jq attr prop

nestedSortable.js jq插件判断菜单是否拖动到所移动的位置源代码下载

发布时间：2017/7/24 11:22:02 阅读(9396)条评论(0)条

一、概述：最近在做自定义模块这类的功能，导航菜单需要自定义，也就是二级与一级菜单可以相互拖动。为什么说nestedSortable.js使用起来方便，因为他这个比其它的插件更要人性化，而不是一味的为拖动而已，而且保留有拖动后的菜单只是隐藏，再配合另外一个很好的API函数：isAllowed: function (placeholder, placeholderParent, currentItem) ,判断是否允许移动，return false则取消拖动显示隐藏的拖动菜单，return true则执行拖动隐藏的拖动菜单。有点小不爽的就是使用了很多JS插件1、jquery.min.1.11.0.js http://code.jquery.com...未完，继续阅读→
关键字：jq 菜单拖动插件

jQueryRotate旋转插件使用说明

发布时间：2017/6/26 10:12:33 阅读(6754)条评论(0)条

一、概述:最近公司准备做一个html5的转盘效果，所以在网上找了一些资料，发现这个插件（jQueryRotate）挺不错的所以就记录下来。使用也很方便，可以快速制作动画。效果如下：二、参数说明：参数类型说明默认值angle数字旋转一个角度0animateTo数字从当前的角度旋转到多少度0step函数每个动画步骤中执行的回调函数，当前角度值作为该函数的第一个参数无easing函数自定义旋转速度、旋转效果，需要使用 jQuery.easing.js无duration整数旋转持续时间，以毫秒为单位无callback函数旋转完成后的回调函数无getRotateAngle函数返回旋转对象当...未完，继续阅读→
关键字：插件说明旋转

JQuery 获得div绝对,相对位置的坐标方法

发布时间：2017/5/8 11:38:26 阅读(10308)条评论(0)条

一、概述：一般JS去获取某元素的坐标时先考虑到是相对坐标还是绝对坐标，当然一般相对坐标可能会多一些。下面将介绍如何用JQ获取元素的相对坐标及绝对坐标方法。下图只做了Y坐标的解释图。二、获取方法获取相对(父元素)位置:var X = $('#DivID').position().top;var Y = $('#DivID').position().left;获取页面某一元素的绝对X,Y坐标var X = $('#DivID').offset().top;var Y = $('#DivID').offset().left;小提示：获取相对位置父级容器需要用到position:relative;三、结语...未完，继续阅读→
关键字：jq 元素位置

jquery左右滚动的tab选项卡效果（附源代码下载）

发布时间：2016/11/12 10:36:51 阅读(11531)条评论(0)条

一、概述：以前写过一篇tab选项卡效果[前端设计js+Tab切换可关闭+添加并自动判断是否已打开自动切换当前状态],现在看来这种功能是可以但是不适合太多的菜单。所以今天就为了故意补上这一篇之《jquery左右滚动的tab选项卡效果》页面底部附下载地址,当然如果你使用esayui也可以实现那种效果，但是感觉太庞大了，整个框架使用很不方便。效果图下图所未：demo 地址：http://www.86y.org/demo/tab_scroll/二、使用说明:1、调用tab窗口方法class属性必须使用 J_menuItem的样式、data-index菜单的顺序、href弹窗的url可以加参数区别但...未完，继续阅读→
关键字：tab 选项卡滚动下载

jQuery的deferred对象详解

发布时间：2016/11/5 13:36:34 阅读(5044)条评论(0)条

每个版本都会引入一些新功能。今天我想介绍的，就是从jQuery 1.5.0版本开始引入的一个新功能----deferred对象。这个功能很重要，未来将成为jQuery的核心方法，它彻底改变了如何在jQuery中使用ajax。为了实现它，jQuery的全部ajax代码都被改写了。但是，它比较抽象，初学者很难掌握，网上的教程也不多。所以，我把自己的学习笔记整理出来了，希望对大家有用。一、什么是deferred对象？开发网站的过程中，我们经常遇到某些耗时很长的javascript操作。其中，既有异步的操作（比如ajax读取服务器数据），也有同步的操作（比如遍历一个大型数组），它...未完，继续阅读→
关键字：jq deferred ajax

JQuery判断radio是否选中并且获取选中值

发布时间：2016/10/15 15:50:00 阅读(10745)条评论(0)条

一、概述：做前端经常要写一些常用的JS事件，如：获取radio选中的值，判断有没有选中，等等，说难不难，只是需要查阅即可。本篇【JQuery判断radio是否选中并且获取选中值】也是讲述一些快速容易记住的方法给大家。演示效果如下：二、源代码及环境：1、引用Jq库：http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js2、html源代码如下：<p>请选择你的性别</p><p><label>1.<input type="radio" name="sex" value="男" />男</label><br /><label>2.<...未完，继续阅读→
关键字：前端 jq radio

jQuery日期插件支持移动、PC端

发布时间：2016/7/8 15:28:36 阅读(8368)条评论(0)条

一、概述本实例特效代码是一款依赖于jq,iScroll滑动插件，效果偏向于手机移动端的，所以请用支持HTML5+CSS3主流浏览器预览效果，手机查看效果更佳哦。（兼容测试：FireFox、Chrome、Safari、Opera等支持HTML5/CSS3浏览器）样式不附加任何图片，能自动定位到当前系统日期。修复了以前在网络上下载下来了好几个BUG。大家如果喜欢可以去文章底部下载。效果如下图所示:二、使用说明1、CSS样式：<link rel="stylesheet" type="text/css" href="css/date.css">2、JS插件代码：<script type="text/j...未完，继续阅读→
关键字：jq 日期移动端插件

jq+html5滚动到底部自动加载数据之(保存数据)

发布时间：2016/6/8 22:53:32 阅读(9347)条评论(0)条

1、简述上一篇《jq滚动到底部自动加载数据实例》效果实现了，但是一直有个问题点击详细后返回数据又重新加载了，今天就是为了这个BUG而写的，本实例正是运用了html5的localstorage（本地存储）。当然做这个效果是为了手机效果而做的，所以PC端暂时没办法全部兼容,所以效果图也是手机端的。（文章底部附DEMO预览及下载地址）效果图如下：2、核心内容讲解(1)、本文使用的插件是：Lawnchair（Lawnchair是一个轻量级的移动应用程序数据持久化存储方案，同时也是客户端JSON文档存储方法，优点是短小，语法简洁，扩展性比较好。）Git地址是:https:/...未完，继续阅读→
关键字：jq html5 插件

当前第 1 页 / 共 4 页总共46条记录
12 3