`

Jquery 框架

阅读更多

 

 

*************************************************************************

觉得Jquery作为js框架用起来很方便,与大家分享一下

*************************************************************************

1、jquery对象与普通js对象

      jquery对象就好像是包裹着一层特殊外壳的js对象,他享有独特的jquery方法--通常都很实用。

2、取得jquery对象的方法

      介绍一个最通用的吧:

      $("tagName[@attr=value]");        例如:$("input[@type=checkbox]")

      方便之处在于attr可以自己随便定义,比如:选取元素<div attribute_test="xyz">test</div>,就可以这样写:$("div[@attribute_test=xyz]")

      还有一些常用的简写:

      $("tagName")--取对应tagName的元素;

      $("#id")--取对应id的元素;

      $("parent_tagName>child_tagName")--取属于parent_tagName的child_tagName元素;

3、取得jquery元素之后有什么用

      取得jquery元素之就和取得js元素一样,不过要进行的动作就被简化了,因为有强大的jquery的方法的支持,很多常用的js操作都变得异常轻松。
这个就不详细介绍了,附 中文使用手册 一本,非常使用,再推荐几个基于jquery框架的实用js实例以及常用的js函数:

jquery.js   (源文件,放到你可以引用的地方)

jquery 手册 ----有了这个 jquery 使用起来就得心应手了。

pageValidator.js (jquery 表单验证--支持ajax验证)

                           ----不会用的话可以和我商议,或者自己找网上教程:http://www.aspstat.com/38

cookie.js (js设置cookie以及获取js函数)----感谢哪位网友写的,不知出处了,转载而已。

------------------------------------------------------------------------------------------

function GetCookieVal(offset)
//get Cookie value after decoding
{
var endstr = document.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
function SetCookie(name, value)
//set Cookie value
{
var expdate = new Date();
var argv = SetCookie.arguments;
var argc = SetCookie.arguments.length;
var expires = (argc > 2) ? argv[2] : null;
var path = (argc > 3) ? argv[3] : null;
var domain = (argc > 4) ? argv[4] : null;
var secure = (argc > 5) ? argv[5] : false;
if(expires!=null) expdate.setTime(expdate.getTime() + ( expires * 1000 ));
document.cookie = name + "=" + escape (value) +((expires == null) ? "" : ("; expires="+ expdate.toGMTString()))
+((path == null) ? "" : ("; path=" + path)) +((domain == null) ? "" : ("; domain=" + domain))
+((secure == true) ? "; secure" : "");
}

function DelCookie(name)
//delete Cookie
{
var exp = new Date();
exp.setTime (exp.getTime() - 1);
var cval = GetCookie (name);
document.cookie = name + "=" + cval + "; expires="+ exp.toGMTString();
}

function GetCookie(name)
//get Cookie original value
{
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen)
{
var j = i + alen;
if (document.cookie.substring(i, j) == arg)
return GetCookieVal (j);
i = document.cookie.indexOf(" ", i) + 1;
if (i == 0) break;
}

---------------------------------------------------------------------------

shade.js (js 遮罩效果--实现全屏变灰,凸显要显示的div)----sAlert(div)就可以遮罩显示你的突出div

---------------------------------------------------------------------------

function sAlert(frame){
var shield = document.createElement("DIV");
shield.id = "shield";
shield.style.position = "absolute";
shield.style.left = "0px";
shield.style.top = "0px";
shield.style.width = ((document.documentElement.clientWidth>document.documentElement.scrollWidth)?document.documentElement.clientWidth:document.documentElement.scrollWidth)+"px";
shield.style.height = ((document.documentElement.clientHeight>document.documentElement.scrollHeight)?document.documentElement.clientHeight:document.documentElement.scrollHeight)+"px";
shield.style.background = "#000";
shield.style.textAlign = "center";
shield.style.zIndex = "0";
shield.style.filter = "alpha(opacity=0)";
shield.style.opacity = 0;
document.getElementById(frame).style.cssText = "position:absolute;z-index:1;top:"+(+25+document.documentElement.scrollTop)+"px"+";left:30%;background-color: #FFFFFF;" ;
document.body.appendChild(shield);
this.setOpacity = function(obj,opacity){
   if(opacity>=1)opacity=opacity/100;
   try{
    obj.style.opacity=opacity;
   }catch(e){alert(opacity)}
   try{
    if(obj.filters.length>0&&obj.filters("alpha")){   
     obj.filters("alpha").opacity=opacity*100;
    }else{
     obj.style.filter="alpha(opacity=\""+(opacity*100)+"\")";
    }
   }catch(e){}
}
var c = 0;
this.doAlpha = function(){
   if (c > 40){clearInterval(ad);return 0;}
   c=c+5;
   setOpacity(shield,c);
}
var ad = setInterval("doAlpha()",1);
this.doClear = function(frame){
   document.getElementById(frame).style.display = "none";
   document.body.removeChild(shield);
   $("div[@class=log_result]").empty();
}
}

------------------------------------------------------------------------------

md5.js (md5 加密函数)

 

更多的jquery效果和新的版本请登陆jquery官方网站:

分享到:
评论

相关推荐

    精通js脚本之jquery框架

    **jQuery框架概述** jQuery是一个广泛使用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画制作和Ajax交互。自2006年发布以来,jQuery迅速成为了开发者们的首选工具,因为它允许开发者用更少的代码实现...

    浅析JQuery框架及其插件应用

    ### 浅析JQuery框架及其插件应用 #### 一、jQuery框架概述 JQuery,一个由美国程序员John Resig创建的JavaScript库,自诞生以来迅速成为全球开发者钟爱的工具之一。它以“写得少,做得多”(WRITELESS,DOMORE)的...

    jquery框架及源码

    **jQuery框架及源码** jQuery是一款广泛应用于网页开发的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计和Ajax交互等任务。自2006年发布以来,jQuery迅速成为开发者首选的JavaScript工具,因其简洁的API...

    基于SSH jQuery框架的餐饮Web App的设计与实现.pdf

    在基于SSH + jQuery框架的餐饮Web App设计与实现中,首先,开发环境选择Windows操作系统,利用Eclipse作为开发工具,这为开发者提供了一个集成化的开发环境,便于代码编写、调试和项目管理。数据库方面,选用Oracle...

    Jquery框架 有文档

    **jQuery框架详解** jQuery,作为一个轻量级的JavaScript库,自2006年发布以来,因其简洁的API和强大的功能,迅速成为了Web开发中广泛使用的JavaScript框架之一。标题中的"Jquery框架 有文档"表明我们将深入探讨...

    Jquery框架库和API手册

    **jQuery框架库与API手册详解** jQuery是一款广泛应用于Web开发的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画制作以及Ajax交互。在本文中,我们将深入探讨jQuery的核心概念、主要功能以及API...

    jquery框架各版本.zip

    《jQuery框架各版本详解》 jQuery,作为一款广泛使用的JavaScript库,自2006年发布以来,就以其简洁的API和强大的功能深受开发者喜爱。本篇将详细探讨jQuery从早期版本到较新版本的发展历程,以及每个版本的主要...

    JQuery框架软件包下载

    **jQuery框架概述** jQuery是一个广泛使用的JavaScript库,它极大地简化了JavaScript编程,特别是在处理网页DOM操作、事件处理、动画效果以及Ajax交互等方面。jQuery的核心理念是"Write Less, Do More",即用更少的...

    jquery框架的一些经典案例

    **jQuery框架介绍** jQuery是一个广泛使用的JavaScript库,它极大地简化了JavaScript编程,使得网页动态交互变得更加容易。jQuery的核心特性包括高效的选择器引擎、DOM操作、事件处理、动画效果以及Ajax交互。由于...

    jquery框架和教程

    **jQuery框架与教程详解** jQuery,作为一款广泛应用于前端开发的JavaScript库,极大地简化了JavaScript的DOM操作、事件处理和动画制作。它以其简洁的API和高效的功能深受开发者喜爱。本教程将深入探讨jQuery的核心...

    PPT_jQuery框架和AJAX技术

    **jQuery框架和AJAX技术** 在Web开发领域,jQuery框架和AJAX技术是不可或缺的工具,它们极大地简化了JavaScript编程,使得动态网页的创建变得更加高效和便捷。本PPT将深入探讨这两个关键技术,并针对初学者提供实用...

    使用JQuery框架设计的网页

    在"使用JQuery框架设计的网页"这个项目中,我们可以看到开发者利用jQuery的强大功能来增强用户体验,同时结合div+css布局方式来构建网页结构。 首先,jQuery的核心优势在于它的选择器,这使得能够快速地选取DOM元素...

    JQuery框架的.js包

    JQuery框架是一款广泛应用于Web开发的JavaScript库,它极大地简化了JavaScript编程,特别是在处理DOM操作、事件处理和AJAX交互等方面。JQuery的核心理念是"Write Less, Do More",即通过简洁的代码实现丰富的功能。 ...

    各种JS验证的jquery框架库

    标题提到的"各种JS验证的jquery框架库"正是针对JavaScript验证功能的一种集合,这些库通常提供了一套完整的解决方案,帮助开发者实现表单验证、数据校验等需求,从而提高用户体验和网站安全性。 jQuery的核心特性...

    jquery框架下载

    标题“jQuery框架下载”暗示了本话题的核心——获取并安装jQuery库。jQuery通常以压缩文件的形式提供,其中包含了不同版本的jQuery库文件,例如`jquery.min.js`(压缩版)和`jquery.js`(未压缩版)。开发者可以根据...

    jquery 框架 jquery-1.2.6

    标题中的"jquery 框架 jquery-1.2.6"指的是jQuery框架的1.2.6版本,这是一个较早的版本,但依然在很多老项目中被使用。 1. **jQuery核心概念** - **选择器**: jQuery通过CSS选择器来选取HTML元素,使得选取元素变...

    jQuery框架心得

    【jQuery框架心得】 jQuery是由John Resig创建的一个高效、简洁的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画制作以及AJAX交互。jQuery的理念是“WRITE LESS, DO MORE”,即通过少量的代码...

    前端Jquery框架

    **jQuery框架概述** jQuery是一个广泛使用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画制作和Ajax交互。自2006年发布以来,jQuery已经成为了前端开发的标准工具之一,因其简洁的语法和丰富的功能而...

    Java Web Jquery表单验证

    编写基于Jquery的表单验证插件 ...1、初步运用了Jquery框架进行编程,基本掌握Jquery框架的使用。 2、熟练使用Jquery-validate表单验证插件,并熟知实现原理。 3、基本实现了一个基于Jquery的表单验证的调查问卷。

    Jquery框架 1.83 加API

    **jQuery框架 1.8.3 API详解及应用** jQuery是一款高效、简洁的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计和Ajax交互。jQuery 1.8.3是该框架的一个稳定版本,包含了一系列强大的功能和优化。下面我们...

Global site tag (gtag.js) - Google Analytics