相关搜索 >> Jquery

  • 0809浅谈jquery中attr和prop的区别阅读(5745)条2017/8/9 11:11:40

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

    Taget:jq attr prop 

  • 0626jQueryRotate旋转插件 使用说明阅读(6754)条2017/6/26 10:12:33

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

    Taget:插件 说明 旋转 

  • 0508JQuery 获得div绝对,相对位置的坐标方法阅读(10308)条2017/5/8 11:38:26

    一、概述:一般JS去获取某元素的坐标时先考虑到是相对坐标还是绝对坐标,当然一般相对坐标可能会多一些。下面将介绍如何用JQ获取元素的相对坐标及绝对坐标方法。下图只做了Y坐标的解释图。二、获取方法获取相对(父元素)位置:var X = $('#DivID').position().top;var Y = $('#DivID').position().left;获取页面某一元素的绝对X,Y坐标var X = $('#DivID').offset().top;var Y = $('#DivID&...阅读全文

    Taget:jq 元素 位置 

  • 1112jquery左右滚动的tab选项卡效果(附源代码下载)阅读(11531)条2016/11/12 10:36:51

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

    Taget:tab 选项卡 滚动 下载 

  • 1105jQuery的deferred对象详解阅读(5044)条2016/11/5 13:36:34

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

    Taget:jq deferred ajax 

  • 1015JQuery判断radio是否选中并且获取选中值阅读(10745)条2016/10/15 15:50:00

    一、概述:做前端经常要写一些常用的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="se...阅读全文

    Taget:前端 jq radio 

  • 0708jQuery日期插件 支持移动、PC端阅读(8368)条2016/7/8 15:28:36

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

    Taget:jq 日期 移动端 插件 

  • 0312JQuery中serialize() 序列化阅读(6256)条2015/3/12 20:57:17

    在jQuery中,当我们使用ajax时,常常需要拼装input数据以键值对 (Key/Value)的形式发送到服务器,用JQuery的serialize方法可以轻松的完成这个工作,使用这个方法可以将表单序列化为键值对 (key1=value1&key2=value2…)后提交。下面介绍JQuery中serialize()的用法一、serialize()定义和用法:serialize()方法通过序列化表单值,创建标准的URL编码文本字符串,它的操作对象是代表表单元素集合的jQuery 对象。你可以选择一个或多个表单...阅读全文

    Taget:js jq serialize 

  • 0729Nivo Slider-超好用的jQuery图片轮播插件阅读(8531)条2014/7/29 16:58:35

    今天在博客园发现一JQ的图片轮播插件,学习了一下,非常好用,使用起来也超级简单。(底部附下载地址)特色如下:✓  16个独特的过渡效果✓  简洁和有效的标记✓  加载参数设置✓  内置方向和导航控制✓  压缩版本大小只有12KB✓  支持链接图像✓  支持 HTML 标题✓  3套精美光滑的主题✓  在MIT许可下免费使用✓  支持响应式设计浏览器兼容情况✓  Internet Explorer v7+✓  Firefox v3...阅读全文

    Taget:jq 插件 图片 轮播 

  • 0329jQuery防止click双击多次提交及传递动态函数方法阅读(8190)条2014/3/29 14:55:54

    今天是写的是关于JQ的双击事件防止多次提交的问题,并且通过函数可以批量定义,通能性更强了,通过方法动态绑定元素的事件。而且可以动态传递函数名或者多参数等(本实例只传递函数名通过Eval调用)。我们都知道在jQuery的事件绑定中,执行双击事件(dblclick)时能触发两次单击事件(click)。即一个标签元素(如div等),如果元素同时绑定了单击事件(click)和双击事件(dblclick),那么执行单击事件(click)时,不会触发双击事件(dblclick), 执行双击...阅读全文

    Taget:jq click 函数 

  • 0108介绍一个基于jQuery的Cookie操作插件阅读(6715)条2014/1/8 9:06:39

    在网页客户端,我们经常会遇到读取或者设置cookie的情况,如果用纯生的js我们可能会遇到一些兼容性带来的麻烦,这里给大家介绍一个比较实用jquery操作cookie的插件,插件的源代码如下:jQuery.cookie = function(name, value, options) { if (typeof value != 'undefined') { options = options || {}; if (value === null) { value = ''; options = $.extend({}, options); ...阅读全文

    Taget:jq cookie 插件 

  • 0106HTML5&jQuery指向时图片从灰度变成彩色阅读(8240)条2014/1/6 10:31:50

    今天看到一个非常漂亮的图片展示效果,是用HTML5&jQuery做的,指向时图片从灰度变成彩色。(谨记图片不能跨域,否则报错)SecurityError: The operation is insecure.效果图如下:源代码如下<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equ...阅读全文

    Taget:特效 jq html5 

当前第  1  页 / 共  3  页  总共27条记录  

123