jQuery是什么？ jQuery由美国人John Resig创建，至今已吸引了来自世界各地的众多javascript高手加入其team，包括来自德国的Jörn Zaefferer，罗马尼亚的Stefan Petre等等。jQuery是继prototype之后又一个优秀的Javascrīpt框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。它是轻量级的js库(压缩后只有21k) ，这是其它的js库所不及的，它兼容CSS3，还兼容各种浏览器 （IE 6.0+, FF 1.5+, Safari 2.0+, Opera ...
一.基本选择器：#id :选择给定ID名的元素 如：$("#id1")为选择id为id1的元素 .class :选择给定类名的元素 element :选择给定元素名的所有原色 * :匹配所有元素 selector1,selector2,...... :选择这些名称的元素，以逗号隔开，可以是类或id名 二.层次选择器：$("ancestor descendant") :选择ancestor元素下的所有descendant(后代)元素 $("parent>child") ：选择parent下的所有child（子）元素 $(prev+next) :选择紧...
在使用JQuery的时候如果你想寻找某个容器（诸如div或者是table中的某些子元素），那么很容易就使用find方法。find将使用迭代的方式寻找所有符合条件的子元素，并且可以统一、批量的设置css等内容。 比如有这样一个table： 代码如下: 内嵌Table，行1列1 内嵌Table，行1列2 内嵌Table，行2列1 内嵌Table，行2列2 第一个Table，行2列1 第一个Table，行2列2 现在要求把所有的字体设置成蓝色，直接这样做即...
JqGrid文档：http://www.trirand.com/jqgridwiki/doku.php?id=wiki:jqgriddocs JqGrid Demo：http://trirand.com/blog/jqgrid/jqgrid.html#t107 JqGrid的基础，我这里就不做介绍了，不知道的可以去看看博客园或Google，最好去看文档。先看效果图： 本Demo可以查询、修改、分组。新增、删除等一些基本功能都可以去JqGrid Demo中找到。 逻辑思路：第一次加载本年度的经营计划数据，加载完成后，将JqGrid设置成本地数据，这样分页、...
在此贴出一些学习成果，希望能对学习JQuery的其他同学有所帮助，同时也记录下自己的学习情况。 看了一些JQuery的官方教程，已经有点心潮澎湃了，就决定自己尝试着写一些东西出来。我看到了很多很绚的动画效果，然后决定自己也尝试一下，我决定要写一个圆周运动的动画效果，下面贴出js代码 代码如下: var CircleAnimation = function (center_left, center_top, id, clockwise, duration) { return new CircleAnimation.fn.init(ce...
好了，唠嗑就到这里，现在看如何用jquery实现无刷新登录。 首先先创建html的部分 代码如下: 用户名： 密码： 验证码： 这里面包含的功能有：登录的验证，点击更换验证码。这个没有什么好说的。 下面是jquery的部分 代码如下: -----------别忘了引用这个链接，否则jquery不能用 //用jquery实现无刷新的登录验证 function login() { $.ajax({ url: 'Login.ashx', //访问路径 data: 'username=' +...
代码如下: javascript之null和undefined 输出 } //用于数字环境 if(0 + $null == 0){ document.write("当null用于数字环境时，它被自动转换为0");//此句将被输出 }else{ document.write("当null用于数字环境时，不转换"); } //用于字符串环境 document.write("用于字符串环境："+$null);//null //null的typeof：object document.write("$null的数据类型为："+typeof $null);//object /** *****************undefined...
AJAX简单介绍： AJAX 指异步 JavaScript 及 XML（Asynchronous JavaScript And XML），是指一种创建交互式网页应用的网页开发技术。通过 AJAX，JavaScript 可使用 JavaScript 的 XMLHttpRequest 对象来直接与服务器进行通信。通过这个对象，您JavaScript 可在不重载页面的情况与 Web 服务器交换数据。 jQuery是一种javascript框架，是对javascript的一种轻量级的封装，容易理解。 Ajax是一种由xml+javascript组合起来的一种异步请求...
缓存问题： 何谓缓存问题？即当浏览器的输入内容相同，即请求的URL相同，这样浏览器就会去读缓存，两次的内容一样，就不会和服务器端进行交互。 解决方式：在请求的url中加上时间戳。 通过我的测试，IE、360两次用户名输入一致时不会和服务器端交互，firefox即使两次用户名输入的一样，仍然会和服务器端交互。 即：firefox的中服务器端返回的temp值会每次加1，IE、360就不会改变。故加上时间戳在这三种浏览器中都不会再有缓存问题。...
摘要：本节补充ajax学习笔记1中 第二种方式：使用XMLHttpRequest对象的responseXML的方式来接受XML数据对象的DOM对象 在ajax学习笔记1中已经对准备工作和需要用到的知识做了比较详细的介绍，本节主要介绍需要修改的代码以及新增的代码 .新增一个servlet类 AJAXXMLServer.java 代码如下: import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; i...
摘要： ajax学习1中介绍了使用jquery封装的ajax来接收服务器端的文本数据以及使用XMLHttpReques对象来接收服务器端的文本数据 ajax学习2中介绍了使用XMLHttpReques来接收服务器的端XML数据，本节主要介绍使用jqery封装的ajax使用XML格式接收服务器端的数据。 由于很多知识都已经做了详细介绍，本节只介绍需要修改的代码，使用jqery封装的ajax使用XML格式接收服务器端的数据，web.xml、后台的servet都不用改， 只是ajax.html中调用的...
each()遍历元素（k1） 代码如下: $(document).ready(function () { $("#btn").html("each()遍历元素").click(function (event) { $("div").each(function (index) { $(this).html("这是第" + index + "个div"); }); event.preventDefault(); }); }); 获取属性的值（k1）attr(name) 代码如下: $(document).ready(function () { $("#btn").html("获取属性值").click(function (event) { $("div").each(function () { alert("title...
原来Jquery就是一个javascript写的一个库，它给我们提供了很多常用的方法，使用这些方法可以兼容多种浏览器，使用它可以达到很好的动画效果，下面就来看看那些年的学习笔记吧一、$符号 1、选择器 可以选择html标签，也可选择ID,Class等 如下： 代码如下: $( function() { $("table.datalist tr:nth-child(odd)").addClass("one");//odd:匹配奇数，even：偶数，nth-child:匹配其父元素下的第N个子或奇偶元素，从...
好了开始我的Jquery第一天。 我也是从Hello wrod!开始的。关于jquery 的引用我直接一笔带过。如下： 代码如下: jquery 链式操作 $(document).ready(function(){ alert("hello word!"); //静止右键点击 // $(document).bind("contextmenu",function(e){ // return false; // }); }); 接下来让我们来看看一个复杂的实例，这个实例让我们知道什么是：jquery的链式操作， 我用 . 来连接jquery 的链式操作。 可能有的人刚开始...
JavaScript 学习笔记之一jQuery写法图片等比缩放以及预加载 以前对于JavaScript总是在用到的时候在页面上写几个函数，基本没考虑到函数的封装与重用，最近有个项目可能对于这方面要求有点高，所以就研究了下类似jQuery的封装。 这里就图片等比缩放以及预加载的效果来尝试下，写写类似的JavaScript代码。 图片等比缩放以及预加载的效果如下(预加载效果有时候会不是很明显)： JS主要代码如下： 代码如下: (function() { var yQuery ...