
jquery
Jlins
不知不觉已经工作6年了.
展开
-
【积累】嵌入式iframe子页面与父页面js通信方式
iframe框架中的页面与主页面之间的通信方式根据iframe中src属性是同域链接还是跨域链接,有明显不同的通信方式,同域下的数据交换和DOM元素互访就简单的多了,而跨域的则需要一些巧妙的方式来实现通信。一、同域下父子页面的通信父页面 parent.htmlhtml>head>script type="text/javascript">function say() {alert("parent.转载 2013-03-04 23:28:50 · 1317 阅读 · 0 评论 -
使用Uploadify 时,同时使用了jQuery.Validition 验证控件时,在IE11上出现JS缺少对象错误。
场景: 使用jQuery.1.8.2 使用 Uploadify 3.2上传控件 使用jQuery.Validition 1.9 验证 使用IE 11 时,当鼠标点击上传按钮时,会出现JS 缺少对象错误。如下图: 错误定位在jQuery中. 排查后原创 2015-01-19 15:46:02 · 4995 阅读 · 1 评论 -
jQuery使用之(三)处理页面的元素
对于页面的元素,在DOM编程中可以通过各种查询、修改手段进行管理,非常麻烦。jQuery提供了一整套的方法来处理页面的元素。包括元素的内容、复制、移动和替换等。本节将介绍一些常用的内容。1.直接获取、编辑内容。在jQuery中,主要是通过html()和text()两个方法来获取和编辑页面的内容。其中html()相当于获取节点的innerHTML属性,添加参数html(text),则为设置i原创 2015-01-19 15:47:54 · 1375 阅读 · 0 评论 -
jQuery读书笔记---jQuery中Ajax--序列化元素、Ajax全局事件
serialize()方法:作用于一个jQuery对象,它能够将DOM元素内容序列化为字符串,用于Ajax请求。DOCTYPE html>html>head lang="en"> meta charset="UTF-8"> script type="text/javascript" src="../../js/jquery-2.1.3.js">script>原创 2015-01-20 11:44:12 · 1669 阅读 · 0 评论 -
jQuery使用之(五)处理页面的事件
在之前dom操作中提到了javascript对事件处理的介绍。由于不同浏览器处理事件各不相相同,这给开发者带来了不必要的麻烦,jQuery的方便的解决了这个方面的麻烦。1.绑定事件监听(http://www.cnblogs.com/ahthw/p/4213521.html)对事件的监听做了详细的介绍,看到了iE和DOM标准浏览器对待事件监听的区别,并对多个监听事件执行顺序和方式也不原创 2015-01-20 11:44:53 · 1772 阅读 · 0 评论 -
基于jQuery标题有打字效果的焦点图
给大家分享一款基于jQuery标题有打字效果的焦点图。之前为大家分享了好多jquery的焦点图。这款焦点图适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗。在线预览 源码下载实现的代码。html代码: 代码 开始 --> div id="header"> div cla原创 2015-01-20 13:05:08 · 1812 阅读 · 0 评论 -
jquery + css 特效 之 一款基于jQuery/CSS3实现拼图效果的相册
今天我们要来分享一款很酷的jQuery相册插件,首先相册中的图片会以一定的角度倾斜放置在页面上,点击图片缩略图就可以展开图片,并且图片是由所有缩略图拼接而成,图片展开和收拢的动画效果也非常不错。当然图片倾斜需要CSS3支持。效果图如下:本章主要参照了如下文章进行学习jquery:http://www.itmmd.com/tag/jquery.htmljQ原创 2015-01-22 13:31:24 · 3699 阅读 · 0 评论 -
jquery 整合用用法-使用jquery操作session
摘要: 今天分享的是使用jquery来处理session。我们将使用sessionStorage对象,它类似与localStorage对象,只是sessionStorage是用来储存session数据的。当用户关闭浏览器这个数据会被清除掉。简介: JquerySession是一个基于jquery的用来处理session的库,使用它可以简化我们的工作。在使用之前需要引入j原创 2015-01-22 13:33:09 · 33756 阅读 · 4 评论 -
jquery学习笔记-jQuery操纵DOM元素属性 attr()和removeAtrr()方法
jQuery中操纵元素属性的方法: attr(): 读或者写匹配元素的属性值. removeAttr(): 从匹配的元素中移除指定的属性. attr()方法 读操作 attr()读操作. 读取的是匹配元素中第一个元素的指定属性值. 格式: .attr(attributeName),返回值类型:String.读取不存在的属性会返回undefi原创 2015-01-22 13:38:38 · 2783 阅读 · 1 评论 -
jquery特效-基于jQuery仿淘宝红色分类导航
今天给大家分享一款基于jQuery仿淘宝红色分类导航。这款分类导航适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗。效果图如下:实现的代码。html代码: div id="nav"> div class="area clearfix"> div class="sepa原创 2015-01-22 13:38:38 · 7209 阅读 · 2 评论 -
jquery学习笔记-jQuery实现单击和鼠标感应事件
对于单击事件而言,jQuery同样提供了动态交替的toggle()方法,这个方法接受两个参数,两个参数均为监听函数,在click事件中交替使用。例子:点击事件的动态交互。script type="text/javascript"> $(function() { $("#ddd").toggle(原创 2015-01-21 13:07:14 · 1626 阅读 · 0 评论 -
jQuery学习笔记之(一)动画与特效
本节主要降级和学习jQuery的自动显隐,渐入渐出、飞入飞出。自定义动画等。1.显示和隐藏hide()和show()对于动画来说,显示和隐藏是最基本的效果之一,本节简单介绍jQuery的显示和隐藏。script type="text/javascript"> $(function() { $("input:first").原创 2015-01-21 13:07:17 · 2489 阅读 · 0 评论 -
jquery特效分享-一款基于jQuery的仿百度首页滑动选项卡
今天给大家分享一款基于jQuery的仿百度首页滑动选项卡。这款选项卡适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗。效果图如下:实现的代码。html代码: div class="main-page"> div class="left"> div cla原创 2015-01-21 13:09:12 · 3062 阅读 · 0 评论 -
jQuery应用之(三)jQuery链
从前文的实例中,我们按到jQuery语句可以链接在一起,这不仅可以缩短代码长度,而且很多时候可以实现特殊的效果。 script type="text/javascript"> $(function() { $("div").addClass("css1").filter(function(index) {原创 2015-01-21 13:10:53 · 2582 阅读 · 0 评论 -
jQuery使用之(四)处理页面的表单元素
表单是一个特殊的页面元素,value的值是最受关注的,jQuery提供了强大的val()方法来处理相关的操作。1.获取表单元素的值。直接调用val()方法时可以获取选择器的 中的第一个元素的value值。例如:$("[name=radioGroup]:checked").val;以上代码直接获取属性为radioGroup的表单元素中被选中的value值,十分便捷。对于某原创 2015-01-19 11:37:56 · 1493 阅读 · 0 评论 -
分享一款页面视差滚动切换jquery.localscroll插件
今天给大家分享一款页面视差滚动切换jquery.localscroll插件。 滚动鼠标液动条看下页面的切换效果。该插件适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗。效果图如下:在线预览 源码下载实现的代码。html代码: 站长素材原创 2015-01-19 11:36:38 · 2727 阅读 · 0 评论 -
jQuery操作DOM元素
HTML DOM常见操作: 查找节点,插入节点,删除节点,复制节点,替换节点,包裹节点. 查找节点 关于节点的查找,是利用选择器完成的. 插入节点 首先看一个例子,用原生的JavaScript如何创建并添加元素:DOCTYPE html>html>head> script> var addI原创 2015-01-19 11:36:38 · 1682 阅读 · 0 评论 -
JQuery对radio的操作
一、根据值选择单选框的操作:Java代码 $("input[name='tempProduct.holdPmInfo.isSupportSubsidy'][value='1']").attr("checked",true); 二、获取选中单选框的值:Java代码 $("input:radio[name='tempProduct.holdPmInfo.isSupportSubsidy']:c转载 2013-03-01 14:03:31 · 874 阅读 · 0 评论 -
[原]jQuery EasyUI 1.3.2 离线API、Demo
没什么可说的,仅为了方便查看,把Demo做成了合集,API都做成了离线版本,和官网完全一致。看图点链接。jQuery EasyUI 1.3.2 DemojQuery EasyUI 1.3.2 API 下载地址:http://files.cnblogs.com/purediy/jquery-easyui-1.3.2.rar兄弟版本:jQuery EasyUI 1.2.6 源码、demo合集、离线ap转载 2013-02-23 15:46:23 · 2855 阅读 · 0 评论 -
一款好看的可以插入图片的下拉控件
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">html xmlns="http://www.w3.org/1999/xhtml">head> title>title> script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js转载 2013-02-23 15:44:22 · 1398 阅读 · 0 评论 -
jQuery性能优化28条建议
一直在寻找有关jQuery性能优化方面的小窍门,能让我那臃肿的动态网页应用变得轻便些。找了很多文章后,我决定将最好最常用的一些优化性能的建议列出来。我也做了一个jQuery性能优化的简明样式表,你可以打印出来或者设为桌面背景。 一、选择器性能优化建议1. 总是从#id选择器来继承这是jQuery选择器的一条黄金法则。jQuery选择一个元素最快的方法就是用ID来选择了。1$('#content')转载 2013-02-23 15:47:17 · 1205 阅读 · 0 评论 -
jQuery的Ajax的自动完成功能控件
jQuery的Ajax的自动完成功能 允许您轻松地创建自动完成/自动提示框的文本输入字段。它始建集中表现为每一个查询缓存被从本地缓存中相同的重复的查询结果。如果没有特定查询的结果,它停止发送请求到服务器的其他查询。Ajax的自动完成的jQuery的是麻省理工学院风格的许可证的条款下自由分发。这是目前支持的浏览器:IE 7 +,FF 2 +,Safari 3以上,谷歌9 +。要求:jQuery框架下转载 2013-02-23 23:43:28 · 1104 阅读 · 0 评论 -
谷歌 微软 新浪 CDN服务
使用Jquery 和 JqueryUI 可以应用CDN上的代码,例如引用Jquery代码谷歌:http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">微软:http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.min.js">新浪:http://lib.sinaapp.com/转载 2013-02-23 15:23:17 · 2048 阅读 · 0 评论 -
jquery mobile url路由原理
88888 window.onhashchange = function(){alert(window.location.hash);}homefree<!--google_ad_client = "ca-pub-1944176156128447";/* cnblogs 首页横幅 */google_ad_slot = "5419468456";google_ad_width = 728;转载 2013-03-04 19:10:02 · 2412 阅读 · 0 评论 -
读jQuery之二十一(队列queue)
queue模块在jQuery中分在Effects中,搜索整个库会发现queue也仅在特效模块effects.js中被使用。jQuery抽取出独立的命名空间给queue,说明除了内部Effects模块使用外,客户端程序员可以充分发挥聪明才智使用queue来构建非动画API。queue模块向外开放的API分别是挂在$上的$.queue、$.dequeue、$._queueHooks(仅内部)挂在jQu转载 2013-02-23 23:45:02 · 1224 阅读 · 1 评论 -
jQuery UI 1.10.1 发布
jQuery UI 发布了 1.10 的首个维护版本,该版本修复了 Accordion, Autocomplete, Datepicker, Dialog, Menu, Slider, Draggable, Position, Effects and CSS Framework 相关的 bug。完整的改进记录请看 changelog.下载地址:Development Bundle: http://转载 2013-02-23 23:45:37 · 908 阅读 · 0 评论 -
jQuery筛选器找父亲parent,closest,parents,parentUntil
这几个筛选器都是找父亲的,但具体用法不同.parent(expr) - 查找父亲,只查一级,正宗的父亲,表达式应该很少用.parents(expr) - 加了复数,就变成多个父亲了,从父亲开始查,一直往上查,查到根元素,然后通过expr表达式过滤.closest(expr) - 这个跟parents类似,但是这个是从当前元素开始查,并且查到符合表达式的就停止了.parentsUntil(ex转载 2013-02-23 23:48:11 · 3664 阅读 · 0 评论 -
jQuery事件绑定.on()
前几天在看《jquery基础教程》,看到事件委托的时候,关于live()方法讲的不是很详细,就去搜了一下关于live()和delegate()的。然后在一处看到live()已经被移除了,囧,然后去看了最新的jq源码,果然被移除了,现在是1.9.1版本,不知道live()是在之前哪个版本被移除的,惭愧啊,之前都没留意。看源码发现bind()和delegate()都是由on()实现的。on()的描述如转载 2013-02-23 23:48:46 · 1174 阅读 · 0 评论 -
jQuery笔记-jQuery筛选器children()详解
jQuery的选择包含两种,一种是选择器,一种是筛选器。筛选器是对选择器选定的jQuery对象做进一步选择。children()是一个筛选器,顾名思义就是筛选孩子,筛选那些符合条件的孩子。完整的格式如下: .children(expr) 其中children是筛选器的名称,expr是表达式,所有选择器中的表达式都可以用在这,比如按标签名"div",按类名".class",按序号":first"等等转载 2013-02-23 23:49:54 · 21922 阅读 · 0 评论 -
jQuery选择器小结
1.选择器 1.id选择器: //选择 id为 one 的元素 $('#one') 2.类选择器: //选择 class 为 mini 的所有元素 $('.mini') 3.标签选择器 //选择 元素名是 div 的所有元素 $('div') 4.选择所有元素 $('*') 5.多选择器 //选择 所有的span元素和id为two的div元素 $('span,#two') 2.层次选择转载 2013-07-30 19:14:30 · 1434 阅读 · 1 评论 -
jQuery学习笔记(一)使用jQuery选择器(荐)
jQuery预先的javascript的编程,提供了计划所有css3下的标准选择器,开发者可以利用这些选择器轻松选择各种元素,供javascript使用。重要的是jQuery对这些选择器的兼容性特别好,主流的浏览器都测试通过,这使得理论上的css3选择器一下编程了事实。开发者可以按照以前的方法定义各种css类别,然后通过addClass()方法或者className属性将其添加到指定的元素原创 2015-01-21 13:14:05 · 2648 阅读 · 0 评论