第一篇：自己关于jquery的一些总结
1、
$(“p”).html(“Hello $(”p“).text(”Hello
world!“);world!”);
Html 和 text 的区别就在于 html 可以为解析，而 text 只是值而已
2、$(“input[type='checkbox']”).parent()或者$(“input[name='checkbox1']”)
这是一般查找某个名称 name 的所有控件，比如很多 checkbox，或者 radio 等 当然$(“input[type='checkbox']”).parent()这里的.parent()是为了获取它的父对象，比如
这个对象
3、如果要使用 jquey 中的方法可以将他们转换为 jquery 对象：$(this)和 $(event.target);加了$()是把她们转换为 jquery 对象
4、如下代码：this 和 event.target 的区别，js 中事件是会冒泡的，所以 this 是可以变化 的，但 event.target 不会变化，它永远是直接接受事件的目标 DOM 元素；this 和 event.target 都是 dom 对象，完全可以转换成 jquery 对象，通过$(this)或者 $(event.target)我还想说的是：$(div).click(function(event){})说明只有在这个层内点击才有效果，event.target.nodeName,如果你点击的是 aaa，那么弹出的就是 DIV，同理如果是 list item 3, 那么是 LI,下面代码喜欢把对象都转换成 jquery 对象
5、
append 和 prepend 区别在于 append 是加在内容后面，而 prepend 是加在内容前面，一般 $(boby).prepend(……)会这么写，
6、
setTimeout(‘alert(“超时啦”)’,1000)就是过 1000 毫秒后执行 alert，或者可以 setTimeout('getname()', 1000);这里 getname 为自定义的方法
7、
hover(over,out)用法:当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。而且，会伴随着对鼠标是否仍然处在特定 元素中的检测.$(“#test”).hover(function(){$(this).addClass(“blue”)}, function(){$(this).removeClass(“blue”)});
8、
setTimeout()方法的返回值，setTimeout()的返回值是唯一的，如果你同时调用很多 方法的返回值，的返回值是唯一的，setTimeout()那么你想终止其中一个 setTimeout()，该怎么班呢，一般我们会想到用 那么你想终止其中一个，该怎么班呢，clearTimeout()方法，对了没错，所以一般 clearTimeout()括号内放的就是 方法，对了没错，方法 括号内放的就是 setTimeout()的返回值，来唯一确定结束那个 setTimeout()方法 的返回值，方法
9、
10、var str = chars.substring(chars.indexOf('@'),chars.indexOf('.'));根据邮件地址的组成方式 chars.indexOf('@')是取第一次出现@的索引，在你这里是 3 chars.indexOf('.')是 11 在截取子串 substring
11、Checkbox 的一些操作
全选： $(“[name=’mycheckbox’]”).attr(“checked”,”checked”)或者 $(“input[name=’mycheckbox’]”).attr(“checked”,’true’);取消全选 $(“[name=’mycheckbox’]”).removeAttr(“checked”);//类似这种只能取出如
id，style，checked 等 选中所有奇数 $(“[name=’mycheckbox’]:even”).attr(“checked”,”checked”)反选 $(“[name=’mycheckbox’]”).each(function(){if($(this).attr(“checked”))$(this).removeAttr(“checke d”)else $(this).attr(“checked”,’true’)})获取选中的值 $(“[name=’mycheckbox’][checked]”).each(function(){alert($(this).val())});为复选框赋值 $(“input[name=' mycheckbox’']”).each(function(){ if($(this).attr(“value”)== BanLi_Kind){ $(this).attr(“checked”, “checked”);} });或者$(“input[name=' mycheckbox’']”).get(0).checked=true;
12、怎么让层居中
#logo { position: absolute;display: block;width: 156px;height: 49px;/*这部分是让元素相对浏览器垂直居中 这部分是让元素相对浏览器垂直居中 left: 50%;top: 50%;margin-left:-156px;margin-top:-49px;----------*/ background: url(logo.png)top left no-repeat;}
当为网页设置了高度宽度后，可以把
13、怎么选中属性 readonly 不为 readonly 的控件
$(“[readonly!=’readonly’]”).val()或者 $(“[readonly!='readonly'][type!='hidden']”).attr(“value”,
“");不等 readonly 并且 type 不等于 hidden
有次联想到 Jquery 选择器分为三种，元素选择器：比如$(“p”)选取
元素，$(“p.intro”)选取 class 为 intro 的 p 元素，$(“p#intro”)选取 id 为 intro 的 p 元素，属性选择器：比如$(“[href]”)--------------所有带有 href 属性的元素 属性选择器：比如 所有带有 $(“[href=’#’]”)---------所有 href 值等于“#”的元素 值等于“ ” 所有 $(“[href!=’#’]”)---------所有 href 值不等于“#”的元素 值不等于“ ” 所有 $(“[href$=’.jpg’]”)---------所有 href 值以“.jpg”结尾的元素 值以“ 所有 ”
$(”div#intro.head“)
id=”intro“ 的
这里总结一般的顺序，第一是元素，第二是 id，第三是 class
14、A:link{color:red}未访问的连接 A:visited{color:red}已访问的连接 A:hover{}鼠标悬浮连接 A:active{}被选择的连接
15 不用脚本也可以实现鼠标移上去变化颜色等，（除了 a href ….）这里是在样式后面加冒号和 hover
第二篇：Jquery学习心得
1.脚本方法外面中的jquery变量是按页面顺序加载的，所以在调用页面中DOM对象时，要注意在此之前该元素是否已定义(基本过程中)。
2.$(#...)获得的永远时对象，即使网页上没有此元素。Js不同
JQuery判断某个元素在网页中是否存在:$(#...).length>0
4.2
JQuery中的动画
注意：jQuery中的动画方法，都可以指定以下参数
“slow”：600/”normal”：400/”fast”：200/数字；
animate()可以替代一切其他动画方法。
(1).show()和hide()
改变元素的高度、宽度、透明度直至完全显示或消失
show/hide(“slow”：600/”normal”：400/”fast”：200/数字)
(2).fadeIn()和fadeOut()
改变元素的透明度直至完全显示或消失
(3).slideDown()和slideUp()
改变元素由上至下延伸显示或由下至上隐藏
(4).自定义动画方法：animate()
(5).动画回调函数
(6).停止元素的动画stop([clearQuery][,gotoEnd])
(7).交互动画方法 toggle(speed,[callback]);
slideToggle(speed,[callback]);
fadeTo(speed,opacity,[callback])
五、jQuery 对表单、表格的操作及更多的应用
5.1.表单应用
(1).单行文本框应用
获取和失去焦点改变样式
(2).多行文本框应用
高度变化
滚动条高度变化
(3).复选框应用
全选、全不选、反选、获取复选框中值联动复选框选择
(4).下拉框应用
左右下拉框互相移动选项
(5).表单验证
重点应用 5.2.表格应用
(1).表格变色
隔行变色
单选框控制表格行高亮（end()）复选框控制表格行高亮
(2).表格展开关闭
单位：ms
(3).表格内容刷选
5.3.其他应用
(1).网页字体大小设置(2).网页选项卡
(3).网页换肤(引入jQuery中Cookie插件)
六、jQuery与Ajax的应用
6.0.Ajax应用原理
6.1.使用javascript实现Ajax应用
6.2.jQuery实现Ajax应用
载入Html 文档
刷选载入的 Html 文档
传替方式
回调函数
$.get()和$.post()
七、插件的使用和写法
7.1.表单验证插件：Validation
Jquery.matedata.js插件
Validata中文验证信息库
自定义验证规则
7.2.表单插件：Form
核心方法：ajaxForm()和ajaxSubmit()
表单提交前验证表单
7.3.动态绑定事件插件：livequery 7.4.jquery UI插件
与后台结合
7.5.管理Cookie的插件：Cookie 7.6.自定义插件
Color插件
去除左侧或右侧空格插件
表格隔行变色插件 7.7jquery的tree
第三篇：jquery学习总结(超级详细)
执行时机 编写个数 简化写法
一、选择网页元素
jQuery的基本设计和主要用法，就是“选择某个网页元素，然后对其进行某种操作”。这是它区别于其他函数库的根本特点。
使用jQuery的第一步，往往就是将一个选择表达式，放进构造函数jQuery()（简写为$），然后得到被选中的元素。选择表达式可以是CSS选择器：
$(document)//选择整个文档对象 $('#myId')//选择ID为myId的网页元素
$('div.myClass')//选择class为myClass的div元素
$('input[name=first]')//选择name属性等于first的input元素 window.onload $(document).ready()
网页中所有DOM结构绘制完毕后就执行，可能DOM元素关联的东西并
没有加载完 必须等待网页中所有的内容加载完毕后（包括图片）才能执行
不能同时编写多个，以下代码无法正确执行：window.onload =function({alert(“test1”);}window.onload = function(){alert(“test2”);}结果只会输出
“test2”
能同时编写多个
无
$(document).ready(function(){});可以简写成$(function(){});也可以是jQuery特有的表达式：
$('a:first')//选择网页中第一个a元素 $('tr:odd')//选择表格的奇数行
$('#myForm :input')//选择表单中的input元素 $('div:visible')//选择可见的div元素
$('div:gt(2)')//选择所有的div元素，除了前三个 $('div:animated')//选择当前处于动画状态的div元素
二、改变结果集
如果选中多个元素，jQuery提供过滤器，可以缩小结果集：
* $('div').has('p');//选择包含p元素的div元素
* $('div').not('.myClass');//选择class不等于myClass的div元素 * $('div').filter('.myClass');//选择class等于myClass的div元素 * $('div').first();//选择第1个div元素 * $('div').eq(5);//选择第6个div元素
有时候，我们需要从结果集出发，移动到附近的相关元素，jQuery也提供了在DOM树上的移动方法：
$('div').next('p');//选择div元素后面的第一个p元素 $('div').parent();//选择div元素的父元素
$('div').closest('form');//选择离div最近的那个form父元素 $('div').children();//选择div的所有子元素 $('div').siblings();//选择div的同级元素
三、链式操作
选中网页元素以后，就可以对它进行某种操作。
jQuery允许将所有操作连接在一起，以链条的形式写出来，比如： $('div').find('h3').eq(2).html('Hello');分解开来，就是下面这样：
1.$('div')//找到div元素
2..find('h3')//选择其中的h3元素 3..eq(2)//选择第3个h3元素
4..html('Hello');//将它的内容改为Hello
这是jQuery最令人称道、最方便的特点。它的原理在于每一步的jQuery操作，返回的都是一个jQuery对象，所以不同操作可以连在一起。
jQuery还提供了.end()方法，使得结果集可以后退一步：
1.$('div')2..find('h3')3..eq(2)4..html('Hello')5..end()//退回到选中所有的h3元素的那一步 6..eq(0)//选中第一个h3元素
7..html('World');//将它的内容改为World
.end()：回到最近的一个“破坏性”操作之前。如果之前没有破坏性操作，则返回一个空集。所谓的“破坏性”就是指任何改变所匹配的jQuery元素的操作。示例
描述：选取所有的p元素，查找并选取span子元素，然后再回过来选取p元素 HTML 代码:
Hello,how are you?
jQuery 代码:$(“p”).find(“span”).end()结果:
Hello how are you?
-四、元素的操作：取值和赋值
操作网页元素，最常见的需求是取得它们的值，或者对它们进行赋值。
jQuery使用同一个函数，来完成取值（getter）和赋值（setter）。到底是取值还是赋值，由函数的参数决定。
$('h1').html();//html()没有参数，表示取出h1的值
$('h1').html('Hello');//html()有参数Hello，表示对h1进行赋值 常见的取值和赋值函数如下：
1..html()返回或设置被选元素的内容(inner HTML)2..text()取出或设置text内容 3..attr()取出或设置某个属性的值 4..width()取出或设置某个元素的宽度 5..height()取出或设置某个元素的高度
6..val()取出或设置html内容取出某个表单元素的值
需要注意的是，如果结果集包含多个元素，那么赋值的时候，将对其中所有的元素赋值；取值的时候，则是只取出第一个元素的值（.text()例外，它取出所有元素的text内容）。
五、元素的操作：移动
.insertAfter()，把div元素移动p元素后面： $('div').insertAfter('p');.after()，把p元素加到div元素前面：
$('p').after('div');使用这种模式的操作方法，一共有四对
1..insertAfter()和.after()：在现存元素的外部，从后面插入元素 2..insertBefore()和.before()：在现存元素的外部，从前面插入元素 3..appendTo()和.append()：在现存元素的内部，从后面插入元素 4..prependTo()和.prepend()：在现存元素的内部，从前面插入元素
1.after(): 描述: 在所有段落中后插入一个jQuery对象(类似于一个DOM元素数组)。HTML 代码:
Hello
I would like to say:
jQuery 代码:$(“p”).after($(“b”));结果:
I would like to say:
Hello 2.insertAfter()： 描述: 把所有段落插入到一个元素之后。与 $(“#foo”).after(“p”)相同 HTML 代码:I would like to say:
第四篇：网站开发常用jQuery插件总结(四)验证插件validation
网站开发常用jQuery插件总结(四）验证插件validation
在网站开发过程中，有时我们需要验证用户输入的信息是否符合我们的要求，所以我们会对用户提交的数据进行验证。验证分两次进行，一次是在客户端，一次是在服务端。客户端的验证可以提升用户的体验。
jquery验证插件有很多，实现的功能也基本相同。本文介绍的只是jquery验证插件中的一种jquery.validate
1.jquery.validate插件功能
简单实现客户端信息验证，过滤不符合要求的信息
2.jquery.validate官方地址
官方地址：http://jqueryvalidation.org/,有详细的插件使用说明
官方demo：http://jquery.bassistance.de/validate/demo/
3.jquery.validate使用方法
1.引用js
2.css样式，可自定义，简单的只需要添加error样式，也可使用官方demo中的样式。.error{
color:red;
margin-left:8px;
}
3.js代码
$(document).ready(function(){
// validate signup form on keyup and submit
var validator = $(“#signupform”).validate({
rules: {
firstname: “required”,username: {
required: true,minlength: 2
},password: {
required: true,minlength: 5
},password_confirm: {
required: true,minlength: 5,equalTo: “#password”
},email: {
required: true,email: true,},dateformat: “required”,terms: “required”
},messages: {
firstname: “姓名不能为空”,username: {
required: “用户名不能为空”,minlength: jQuery.format(“用户名只少由 {0} 字符组成”)
},password: {
required: “密码不能为空”,minlength: jQuery.format(“密码只少由 {0} 字符组成”)
},password_confirm: {
required: “确认密码不能为空”,minlength: jQuery.format(“确认密码只少由 {0} 字符组成”),equalTo: “秘密与确认密码不一致”
},email: {
required: “邮箱不能为空”,email: “邮箱格式不正确”
},dateformat: “请选择性别”,terms: “ ”
},// the errorPlacement has to take the table layout into account
errorPlacement: function(error, element){
if(element.is(“:radio”))
error.appendTo(element.parent().next().next());
else if(element.is(“:checkbox”))
error.appendTo(element.next());
else
error.appendTo(element.parent().next());
},// specifying a submitHandler prevents the default submit, good for the demo
submitHandler: function(){
alert(“submitted!”);
},// set this class to error-labels to indicate valid fields
success: function(label){
// set as text for IE
label.html(“ ”).addClass(“checked”);
},highlight: function(element, errorClass){
$(element).parent().next().find(“.” + errorClass).removeClass(“checked”);}
});
});
以上的代码只使用了插件提供的属性和方法。也可以自定义验证方法。如
$.validator.addMethod(“checkUserName”, function(value){
//value为验证的值，对应于元素id
//方法代码
}, '用户名格式不正确');
使用自定义方法也非常简单，只需要 元素id:”checkUserName”
4.使用的html
效果演示：验证插件 validate 测试
第五篇：课题_jQuery Validate验证框架详解
jQuery Validate验证框架详解
一、导入js库
注：<%=request.getContextPath()%>返回web项目的根路径。
二、默认校验规则
(1)、required:true
必输字段
(2)、remote:“remote-valid.jsp”
使用ajax方法调用remote-valid.jsp验证输入值(3)、email:true
必须输入正确格式的电子邮件(4)、url:true
必须输入正确格式的网址
(5)、date:true
必须输入正确格式的日期，日期校验ie6出错，慎用
(6)、dateISO:true
必须输入正确格式的日期(ISO)，例如：2009-06-23，1998/01/22 只验证格式，不验证有效性(7)、number:true
必须输入合法的数字(负数，小数)(8)、digits:true
必须输入整数
(9)、creditcard:true
必须输入合法的信用卡号
(10)、equalTo:“#password”
输入值必须和#password相同
(11)、accept:
输入拥有合法后缀名的字符串（上传文件的后缀）(12)、maxlength:5
输入长度最多是5的字符串(汉字算一个字符)(13)、minlength:10
输入长度最小是10的字符串(汉字算一个字符)(14)、rangelength:[5,10]
输入长度必须介于 5 和 10 之间的字符串“)(汉字算一个字符)(15)、range:[5,10]
输入值必须介于 5 和 10 之间(16)、max:5
输入值不能大于5(17)、min:10
输入值不能小于10
三、默认的提示
messages: { required: ”This field is required.“, remote: ”Please fix this field.“, email: ”Please enter a valid email address.“, url: ”Please enter a valid URL.“, date: ”Please enter a valid date.“, dateISO: ”Please enter a valid date(ISO).“, dateDE: ”Bitte geben Sie ein g眉ltiges Datum ein.“, number: ”Please enter a valid number.“, numberDE: ”Bitte geben Sie eine Nummer ein.“, digits: ”Please enter only digits“, creditcard: ”Please enter a valid credit card number.“, equalTo: ”Please enter the same value again.“, accept: ”Please enter a value with a valid extension.“, maxlength: $.validator.format(”Please enter no more than {0} characters.“), minlength: $.validator.format(”Please enter at least {0} characters.“), rangelength: $.validator.format(”Please enter a value between {0} and {1} characters long.“), range: $.validator.format(”Please enter a value between {0} and {1}.“), max: $.validator.format(”Please enter a value less than or equal to {0}.“), min: $.validator.format(”Please enter a value greater than or equal to {0}.“)}，如需要修改，可在js代码中加入：
$.extend($.validator.messages, {
required: ”必选字段“，remote: ”请修正该字段“，email: ”请输入正确格式的电子邮件“，url: ”请输入合法的网址“，date: ”请输入合法的日期“，dateISO: ”请输入合法的日期(ISO).“，number: ”请输入合法的数字“，digits: ”只能输入整数“，creditcard: ”请输入合法的信用卡号“，equalTo: ”请再次输入相同的值“，accept: ”请输入拥有合法后缀名的字符串“，maxlength: $.validator.format(”请输入一个长度最多是 {0} 的字符串“)，minlength: $.validator.format(”请输入一个长度最少是 {0} 的字符串“)，rangelength: $.validator.format(”请输入一个长度介于 {0} 和 {1} 之间的字符串“)，range: $.validator.format(”请输入一个介于 {0} 和 {1} 之间的值“)，max: $.validator.format(”请输入一个最大为 {0} 的值“)，min: $.validator.format(”请输入一个最小为 {0} 的值“)});
推荐做法，将此文件放入messages_cn.js中，在页面中引入
四、使用方式
1、metadata用法，将校验规则写到控件中
<%@ page language=”java“ import=”java.util.*“ pageEncoding=”UTF-8“%> <%
String path = request.getContextPath();
String basePath = request.getScheme()+ ”://“ + request.getServerName()+ ”:“
+ request.getServerPort()+ path + ”/“;%>
文档为doc格式
声明：本文内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：645879355@qq.com 进行举报，并提供相关证据，工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。
自己总结
自己总结，不是抄袭的！ 第一，需要你办理网银。到银行柜台办理，需要拿着身份证复印件。 第二，注册一个淘宝会员，开通支付宝，并且激活。 如果你有网银，而且在网上购过物，那么这两步就省......
自己总结
青蓝工程总结 高三英语组 钟林宏 参加高中班主任及数学教学工作已近三年，在班级管理和教育教学上迈出的每一步都影射着“青蓝工程”所给我带来的启迪与帮助。新分配的教师在......
jQuery的show,hide性能测试（xiexiebang推荐）
jQuery的show/hide性能测试这篇文章是jQuery各种show/hide方式的性能测试。作者之所以测试这个源于Robert Duffy在SanFrancisco举行的jQuery大会上的一句话：“.hide和.show......
自己实习总结
经过这次会计岗位的实习,我学到了很多,不仅是会计实践方面,还有良好心态、沟通能力等综合技能，我把它比作我人生的第一桶金，也如一位今生如影随形的老师，对我以后的工作生活将......
个人年度总结 ...自己
农村信用社个人年度总结 我于2012年7月进入xx银行，工作至今，已经有半年时间。半年来，在领导和同事们的悉心关怀和指导下，通过自身的不懈努力，我各方面都取得了长足的进步。 一、......
经典台词(自己总结)
平时看到的听到的经典台词汇集 1、祸不单行？-使嗯使 黑得感密集，害得惨-害得鸡无鸭血 扫黄女被抓，警察问：为何“卖”？女说：靠男男无赖，靠厂厂要卖，只能靠自留地，时间短，见效快，不贪污不......
人力资源自己总结
名词解释 人力资源：在制定范围内人所具备的劳动能力的人力资源规划：是组织战略规划的一部分，是人力资源开发与管理过程的目标实现。 员工关系：也称劳动关系，是在就业组织中雇佣行......
idc自己总结文档
1. mysql : /usr/share/mysql/mysql.server restart 数据库重新启动 2. 修改页面超级用户rzx1218密码，进入数据库，use idc；update usertbl set user_passwd=password('cooperat......
点击咨询 