本文实例讲述了jquery中filter方法用法。分享给大家供大家参考。具体分析如下: filter()方法将匹配元素集合缩减为匹配指定选择器的元素。 filter方法中的参数可以为字符串值,包含供匹配当前元素集合的选择器表达式。 一、filter的参数类型可分为两种1、传递选择器 $(a).filter(.external) 2、传递过滤函数代码如下:$(a).filter(function(index) {return $(this).hasClass(external); }) 二、Jquery中find与filter区别 1、find()会...
本文实例分析了JavaScript事件委托技术。分享给大家供大家参考。具体分析如下: 如果一个整体页面里有大量的按钮.我们就要为每一个按钮绑定事件处理程序.这样就会影响性能了. 首先每个函数都是对象,对象就会占用很多内存.内存中的对象越多,性能就越差. 其次,dom访问次数增多,就会导致延迟加载页面.事实上,从如何来利用好事件处理程序,还是有很好的解决方案的. 事件委托: 对事件处理程序过多的问题解决的方案就是事件委托技术. 事件...
本文实例讲述了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 = a...
本文实例讲述了jQuery中noConflict()用法。分享给大家供大家参考。具体分析如下: jQuery默认使用"$"操作符,$ 符号只是 window.jQuery 对象的一个引用,jQuery.noConflict() ,这个函数将变量$的控制权让渡给第一个实现它的那个库。这有助于确保jQuery不会与其他库的$对象发生冲突。在运行这个函数后,就只能使用jQuery变量访问jQuery对象。例如,在要用到$("div p")的地方,就必须换成jQuery("div p")。 一、"$"操作符 1、jQuery...
本文实例讲述了js进行表单验证的方法。分享给大家供大家参考。具体实现方法如下: 1. 传统的表单验证代码代码如下: 表单验证 function $(id) { return document.getElementById(id); } function check() { var email = $("email").value; var password = $("password").value; var repassword = $("repassword").value; var name = $("name").value; if(email == "") { alert("Email值不能为空"); $("email").focus();...
本文实例讲述了JQuery中serialize()用法。分享给大家供大家参考。具体分析如下: 一、serialize()定义和用法: serialize()方法通过序列化表单值,创建标准的URL编码文本字符串,它的操作对象是代表表单元素集合的jQuery 对象。你可以选择一个或多个表单元素(比如input或文本框),或者 form 元素本身。序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中。 语法: $(selector).serialize() 详细说明 1、.serialize() 方法创建...
本文实例分析了JQuery中使文本框获得焦点的方法。分享给大家供大家参考。具体分析如下: 由于JQuery中获得的对象还是JQuery对象,对其使用focus()只是使该对象获得onFocus()函数,不能是对象获得焦点,所以要使对象获得焦点,应该调用DOM对象的focus 方法,即:$("#id")[0].focus();需要注意两个函数之间的区别:$("#id").focus();$("#id")[0].focus();第一个是增加onFocus()时间,一个是使DOM对象获得焦点。 希望本文所述对大家的...
本文实例讲述了JS运动基础框架。分享给大家供大家参考。具体分析如下: 这里需要注意: 1. 在开始运动时关闭已有的定时器 2. 把运动和停止隔开代码如下: #div1{ width: 200px; height: 200px; background: red; position: absolute; left:0; top:60px; } window.onload=function(){ var oDiv=document.getElementById("div1"); var oBt=document.getElementsByTagName('input')[0]; var time=null; oBt.onclick=f...
本文实例讲述了jQuery中animate用法。分享给大家供大家参考。具体如下: 这是一个简单的animate函数尝试。代码如下:$(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: 'toggle', opacity: 'toggle' }, "s...
本文实例讲述了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 targetOffset = $target.offset().top;var ...
本文实例讲述了JS中prototype的用法。分享给大家供大家参考。具体分析如下: JS中的phototype是JS中比较难理解的一个部分 本文基于下面几个知识点: 1 原型法设计模式 在.Net中可以使用clone()来实现原型法 原型法的主要思想是,现在有1个类A,我想要创建一个类B,这个类是以A为原型的,并且能进行扩展。我们称B的原型为A。 2 javascript的方法可以分为三类: a 类方法 b 对象方法 c 原型方法 例子如下:function People(name) {this.n...
本文实例分析了JavaScript通过function定义对象并给对象添加toString()方法。分享给大家供大家参考。具体分析如下: 下面的JS代码通过function定义了一个movie对象,在movie对象内定义了一个toString方法,toString方法通过外部函数实现。function movieToString() {return("title: "+this.title+" director: "+this.director); } function movie(title, director) {this.title = title;this.director = director;this.toString = ...
本文实例讲述了JavaScript自定义等待wait函数用法。分享给大家供大家参考。具体分析如下: 下面是一个js自定义的wait函数,可以暂停程序的执行function sleep(delay) {var start = new Date().getTime();while (new Date().getTime() 希望本文所述对大家的javascript程序设计有所帮助。
在JavaScript中,经常会碰到要监听列表中多项li的情形,假设我们有一个列表如下:代码如下: item1item2item3item4如果我们要实现以下功能:当鼠标点击某一li时,alert输出该li的内容,我们通常的写法是这样的: 当列表项比较少时,直接给每个li添加onclick事件 列表项比较多时,在onload时就给每个列表项调用监听 第一种方法比较简单直接,但是没有顾及到html与JavaScript的分离,不建议使用,第二种方法的代码如下:代码如下: win...
本文实例讲述了javascript操作select元素的用法。分享给大家供大家参考。具体分析如下: 这里熟悉一下js对select元素的操作,html页面中建立一个form,其中包含一个select元素和submit按钮。 当选择select中某一项时改变其文字,当select中所有项的文字都改变后,重新恢复它们。 当按下submit时关闭窗口本身,代码如下:duang for select elements function do_change(elt){var text = elt[elt.selectedIndex].innerHTML;if(!text....