本文实例讲述了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....
本文实例讲述了JS运动基础框架。分享给大家供大家参考。具体分析如下: 这里需要注意: 1. 在开始运动时关闭已有的定时器 2. 把运动和停止隔开代码如下:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #div1{ width: 200px; height: 200px; background: red; ...
本文实例分析了JQuery中使文本框获得焦点的方法。分享给大家供大家参考。具体分析如下: 由于JQuery中获得的对象还是JQuery对象,对其使用focus()只是使该对象获得onFocus()函数,不能是对象获得焦点,所以要使对象获得焦点,应该调用DOM对象的focus 方法,即:$("#id")[0].focus();需要注意两个函数之间的区别:$("#id").focus(); $("#id")[0].focus();第一个是增加onFocus()时间,一个是使DOM对象获得焦点。 希望本文所述对大家的...
本文实例讲述了js进行表单验证的方法。分享给大家供大家参考。具体实现方法如下: 1. 传统的表单验证代码代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>表单验证</title> <script type="te...
本文实例分析了JavaScript事件委托技术。分享给大家供大家参考。具体分析如下: 如果一个整体页面里有大量的按钮.我们就要为每一个按钮绑定事件处理程序.这样就会影响性能了. 首先每个函数都是对象,对象就会占用很多内存.内存中的对象越多,性能就越差. 其次,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...
本文实例讲述了javascript迭代的方法。分享给大家供大家参考。具体实现方法如下:代码如下://filter() 利用指定的函数确定是否返回数组中包涵的某一项 var num = [1,2,3,4,5,6,12]; num.filter(function(item, index, array){ return (item > 2); //[3, 4, 5, 6, 12] }); //map() 返回一个数组,数组中每一项都是在原始数组中的对应项上运行传入参数的结果 var num = [1,2,3,4,5,4,3,2,1]; num.map(function(item, index, array){ ...
本文实例讲述了JS函数this的用法。分享给大家供大家参考。具体如下: 在js中写函数时,很多用到this. this究竟是什么,this是个关键字,是个指针,指向执行环境作用域,也称之为上下文。 先说下函数吧,个人理解是函数是在语言中重复调用的代码块. 在JS里,把函数赋值给对象的属性时,称之为方法 如: var m={}; m.title=title; m.show=function(){ alert(this.title) } m.show()就是把函数作为对象m的方法来调用 这样的话,this指向...
本文实例分析了JS继承的用法。分享给大家供大家参考。具体分析如下: 继承 : 子类不影响父类,子类可以继承父类的一些功能 ( 代码复用 ) 属性的继承 : 调用父类的构造函数 call 方法的继承 : for in : 拷贝继承 (jquery也是采用拷贝继承extend) 1. 拷贝继承 function Person (name){this.name = name; } Person.prototype.showName =function (){alert(this.name); } function Worker(name,job){Person.call(this,name);this.job ...