本文实例讲述了jQuery实现锚点scoll效果的方法。分享给大家供大家参考。具体实现方法如下：代码如下:$(a[href*=#]).click(function() { if (location.pathname.replace(/^\//,) == this.pathname.replace(/^\//,) && location.hostname == this.hostname) { var $target = $(this.hash); $target = $target.length && $target || $([name= + this.hash.slice(1) +]); if ($target.length) { var ...
本文实例讲述了jQuery中animate用法。分享给大家供大家参考。具体如下： 这是一个简单的animate函数尝试。代码如下： <script type="text/javascript"> $(document).ready(function(){ $(".side-box h3").toggle(function(){ $(this).addClass("box-arrow"); $(this).next(".side-text").animate({ height: toggle, opacity: toggle }, "slow"); return false; },function(){ $(this).next(".side-text").animate({ height: togg...
本文实例讲述了jQuery解析XML与传统JavaScript方法的差别。分享给大家供大家参考。具体分析如下： 1. 传统javascript方法：var xmlDoc = request.responseXML; try // Build Markers, if available {var markers = xmlDoc.getElementsByTagName("marker") ;for ( var i = 0; i < markers.length ; i++ ) {var point = {markers[i].getAttribute("lat")),markers[i].getAttribute("lng")};} } catch(e) {}2. jQuery方法：$(request....
本文实例分析了JQuery中使文本框获得焦点的方法。分享给大家供大家参考。具体分析如下： 由于JQuery中获得的对象还是JQuery对象，对其使用focus()只是使该对象获得onFocus()函数，不能是对象获得焦点，所以要使对象获得焦点，应该调用DOM对象的focus 方法，即：$("#id")[0].focus();需要注意两个函数之间的区别：$("#id").focus(); $("#id")[0].focus();第一个是增加onFocus()时间，一个是使DOM对象获得焦点。 希望本文所述对大家的...
本文实例分析了jquery中change()的用法。分享给大家供大家参考。具体分析如下： change()当元素的值发生改变时，会发生 change 事件。该事件仅适用于文本域（text field），以及 textarea 和 select 元素。 当用于 select 元素时，change 事件会在选择某个选项时发生。当用于 text field 或 text area 时，该事件会在元素失去焦点时发生。 一、change的用法 1、触发 change 事件：触发被选元素的 change 事件 语法: $(selector)....
本文实例讲述了jquery中filter方法用法。分享给大家供大家参考。具体分析如下： filter()方法将匹配元素集合缩减为匹配指定选择器的元素。 filter方法中的参数可以为字符串值，包含供匹配当前元素集合的选择器表达式。 一、filter的参数类型可分为两种 1、传递选择器 $(a).filter(.external) 2、传递过滤函数代码如下:$(a).filter(function(index) { return $(this).hasClass(external); }) 二、Jquery中find与filte...
本文实例讲述了JQuery中serialize()用法。分享给大家供大家参考。具体分析如下： 一、serialize()定义和用法： serialize()方法通过序列化表单值，创建标准的URL编码文本字符串，它的操作对象是代表表单元素集合的jQuery 对象。你可以选择一个或多个表单元素（比如input或文本框），或者 form 元素本身。序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中。 语法： $(selector).serialize() 详细说明 1、.serialize() 方法...
本文实例讲述了JQuery中extend的用法。分享给大家供大家参考。具体分析如下： extend()函数是jQuery的基础函数之一，作用是扩展现有的对象。extend是我们在写插件的过程中常用的方法，该方法有一些重载原型。$.extend(prop) 用于扩展jQuery对象，可以用于把函数添加到jQuery名称空间中。 一、jQuery.extend函数的源码 jQuery.extend = jQuery.fn.extend = function() {var options, name, src, copy, copyIsArray, clone,target = ...
本文实例讲述了jQuery中noConflict()用法。分享给大家供大家参考。具体分析如下： jQuery默认使用"$"操作符，$ 符号只是 window.jQuery 对象的一个引用，jQuery.noConflict() ，这个函数将变量$的控制权让渡给第一个实现它的那个库。这有助于确保jQuery不会与其他库的$对象发生冲突。在运行这个函数后，就只能使用jQuery变量访问jQuery对象。例如，在要用到$("div p")的地方，就必须换成jQuery("div p")。 一、"$"操作符 1、jQuery...
本文实例分析了JQuery动画与特效的用法。分享给大家供大家参考。具体分析如下： 显示与隐藏 show(spped,[callback])与hide(spped,[callback]) speed可选填slow、normal、fast，对应的速度分别为600ms、400ms、200ms。也可以直接填毫秒数，callback函数为回调函数，动作完成后调用此函数 $("img").show(3000,function(){ $(this).css("border","solid 1px #ccc”); });toggle()函数，无参格式，在显示和隐藏之间切换 toggle(true o...
本文实例分析了jquery中animate的stop()方法作用。分享给大家供大家参考。具体分析如下： 这里以一个视频中的代码段告诉你stop()的作用： 代码如下： <style type="text/css"> ul li{ width:50px; height:30px; background:#333; margin-bottom:10px; color:#fff;} </style> <ul id="flyul"> <li>wod a </li> <li>wod a </li> <li>wod a </li> <li>wod a </li> <li>wod a </li> </ul> <script type="text/javascript" sr...
本文实例讲述了jQuery中DOM树操作之使用反向插入方法。分享给大家供大家参考。具体分析如下： 使用反向插入方法 这里我们先把创建的内容插人到元素前面，然后再把同一个元素插人到文档 中的另一个位置。通常，当在jQuery中操作元素时，利用连缀方法更简洁也更有效。可是我们现在没有办法这样做，因为this是.insertBefore()的目标，是.appendTo()的内容。此时，利 用反向插入方法，可以帮我们解决问题。 像.insertBefore()和.append...
本文实例讲述了jquery提示效果的用法。分享给大家供大家参考。具体实现方法如下：代码如下:<p><a href="#" class="tooltip" title="这是我的超链接提示1.">提示1.</a></p> <p><a href="#" class="tooltip" title="这是我的超链接提示2.">提示2.</a></p> <p><a href="#" title="这是自带提示1.">自带提示1.</a></p> <p><a href="#" title="这是自带提示2.">自带提示2.</a></p> $(function(){ $(".tooltip").mouseenter(function...
一、JSON的一些基础知识。 JSON中对象通过“{}”来标识，一个“{}”代表一个对象，如{“AreaId”:”123”}，对象的值是键值对的形式（key：value）。 “[]”，标识数组，数组内部各个数据之间通过“，”分割，如[“AreaId”:”123”，”AreaId”:”345”]。 很多情况下是对象数组，那就是这样：代码如下:[{“AreaId”:”123”},{“AreaId”:”345”}] 其实数组也是一个对象，上面的格式也可以写成这样：代码如下:{“Area”：[{“A...
首先废话一句，jQuery选择器真心很强大！ 在项目中遇到这么一个问题easyui的问题 如图所示，当前页面显示的是“原始报文查询”的页面，当时左侧导航栏却选中的是“重发报文查询”。如何让右侧的菜单和左侧的导航实现联动即：左侧点击“原始报文查询”，那么右侧的“补发运抵报文”展开，并选中“原始报文查询”，“后台管理”关闭？ 实现方式如下： 1、右侧的“原始报文查询”等用到的是easyui的tabs控件，查看api知道，tabs有个o...