jquery

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。
jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等

ready函数

当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。

这是事件模块中最重要的一个函数，因为它可以极大地提高web应用程序的响应速度。

简单地说，这个方法纯粹是对向window.load事件注册事件的替代方法。通过使用这个方法，可以在DOM载入就绪能够读取并操纵时立即调用你所绑定的函数，而99.99%的JavaScript函数都需要在那一刻执行。

有一个参数－－对jQuery函数的引用－－会传递到这个ready事件处理函数中。可以给这个参数任意起一个名字，并因此可以不再担心命名冲突而放心地使用$别名。

请确保在元素的onload事件中没有注册函数，否则不会触发+$(document).ready()事件。

可以在同一个页面中无限次地使用$(document).ready()事件。其中注册的函数会按照（代码中的）先后顺序依次执行。

在DOM加载完成时运行的代码，可以这样写：

jQuery 代码:
$(document).ready(function(){
// 在这里写你的代码…
});

append函数

向每个匹配的元素内部追加内容。

这个操作与对指定的元素执行appendChild方法，将它们添加到文档中的情况类似。

$(document).ready(function(){$("body").append("<b>hello</b>")$("body").append("<button>点我</button>")$("body").append("<br></br>")$("body").append("<image src='1.jpg'/>")
});

blur函数

当元素失去焦点时触发 blur 事件。

这个函数会调用执行绑定到blur事件的所有函数，包括浏览器的默认行为。可以通过返回false来防止触发浏览器的默认行为。blur事件会在元素失去焦点的时候触发，既可以是鼠标行为，也可以是按tab键离开的

change

当元素的值发生改变时，会发生 change 事件。

该事件仅适用于文本域（text field），以及 textarea 和 select 元素。当用于 select 元素时，change 事件会在选择某个选项时发生。当用于 text field 或 text area 时，该事件会在元素失去焦点时发生。
示例代码

$(document).ready(function(){
//alert("d4 jquery");$("#email").blur( function () { alert("Hello World!"); } );$("#cname").change( function() {// 这里可以写些验证代码alert("被选中了"+this.value);});$("p").click( function () { $(this).hide(); });$("#address").blur( function () { if(this.value.length>5){$("#addressp").show();$("#addressp").focus();}} );});

8月2日 jquery相关推荐

2016年11月2日——jQuery源码学习笔记
1.jQuery()函数,即$().有四种不同的调用方式. (1)传递CSS选择器(字符串)给$()方法,返回当前文档中匹配该选择器的元素集.可选第二个参数,一个元素或jQuery对象,定义元素查询的 ...
11月14日:jquery
学习并使用jquery 一:jquery概述 jq就是Javascript的的仓库仓库:可以把很多东西放到这个仓库里,使用的时候在仓库中找就行. JavaScript库:即library,是一个封装 ...
2022年11月23日——jQuery——T1(基础选择器与表单选择器)
目录 jQuery简述 jQuery 基本功能核心符号网络引入本地引入显示与隐藏示例: 示例二: 示例3: 一.基础选择器 id选择器示例: id选择器唯一性示例: class选择器: cla ...
【历史上的今天】8 月 26 日：jQuery 发布；中国第一台百万次计算机试制成功
整理 | 王启隆透过「历史上的今天」,从过去看未来,从现在亦可以改变未来. 你的公司如今还在使用 jQuery 吗?今天是 2021 年 8 月 26 日,15 年前的今天,JavaScript 框 ...
【历史上的今天】5 月 8 日：jQuery 之父诞生；闪存的发明者出生；戴尔收购 Alienware
整理 | 王启隆透过「历史上的今天」,从过去看未来,从现在亦可以改变未来. 今天是 2022 年 5 月 8 日,在 1973 年的今天,土豆网前CEO,追光动画创始人王微出生.王微拥有欧洲工商管理 ...
分享Silverlight/Windows8/WPF/WP7/HTML5一周学习导读(5月6日-5月12日)
分享Silverlight/Windows8/WPF/WP7/HTML5一周学习导读(5月6日-5月12日) 本周Silverlight学习资源更新 Beginning Silverlight 4 i ...
5月22日云栖精选夜读：PHP学习路线图
网上有些错误的学习路线图,让学完HTML.CSS后立马去学Javascript和jQuery等,这种课程简直是对牛弹琴.你特么的怎么不去搞个前端工程师培训或者是吹牛逼的全栈工程师培训呀.本人在互联网公 ...
DayDayUp：2018年06月07日高考必胜：程序猿的方式祝福莘莘学子高考必胜！
DayDayUp:2018年06月07日高考必胜:程序猿的方式祝福莘莘学子高考必胜! 导读程序猿的方式祝福莘莘学子高考必胜!祝愿2018高考学子:理想,信仰,使命,2018高考,你终 ...
微软社区精英计划 - 你会如何回答【6月26日】北京.Net学习活动QA时提出的问题...
天热让我周末不想出门,但是下午有活动(北京.Net学习活动:本周六[6月26日]- VS2010敏捷开发和Web前端开发,欢迎参加!),所以我中午浅浅睡了一下就赶到希格玛大厦去了,但还是迟到了几分钟. ...

8月2日 jquery