jQuery入门知识简介


Posted in Javascript onMarch 04, 2010

到目前为之jQuery已经发布到1.4.2版本,而在这之前的一个星期他们刚发布1.4版本,看看他的各个版本的 发布时间 ,不难发现他的飞速发展,每个月都在更新版本;而且不断有人开发出新的 jQuery插件 ,最近又推出了 jQuery UI 库
jQuery于2006年一月十四号在BarCamp NYC (New York City)面世。主将 John Resig ,写有《Pro JavaScript Techniques》一书,因为效力于mozolla,据说firefox 3将包含Jquery,现在的 Jquery团队 有主要开发人员,推广人员,UI,插件开发,网站设计维护,其中3个主要开发人员分别是:两个美国人John Resig/Brandon Aaron,一个德国人Jorn Zaefferer)
下面简单介绍一下jQuery的一些特性和用法:
1、精准简单的选择对象(dom):

$('#element');// 相当于document.getElementById("element") 
$('.element');//Class 
$('p');//html标签 
$("form > input");//子对象 
$("div,span,p.myClass");//同时选择多种对象 
$("tr:odd").css("background-color", "#bbbbff");//表格的隔行背景 
$(":input");//表单对象 
$("input[name='newsletter']");//特定的表单对象

2、对象函数的应用简单和不限制:
element.function(par); 
$(”p.surprise”).addClass(”ohmy”).show(”slow”)...

3、对已选择对象的操作(包括样式):
$("#element").addClass("selected");//给对象添加样式 
$('#element').css({ "background-color":"yellow", "font-weight":"bolder" });//改变对象样式 
$("p").text("Some new text.");//改变对象文本 
$("img").attr({ src: "test.jpg", alt: "Test Image" });//改变对象文本 
$("p").add("span");//给对象增加标签 
$("p").find("span");//查找对象内部的对应元素 
$("p").parent();//对象的父级元素 
$("p").append("<b>Hello</b>");//给对象添加内容

4、支持aJax,支持文件格式:xml/html/script/json/jsonp
$("#feeds").load("feeds.html");//相应区域导入静态页内容 
$("#feeds").load("feeds.php", {limit: 25}, function(){alert("The last 25 entries in the feed have been loaded");});//导入动态内容

4、对事件的支持:
$("p").hover(function () { 
$(this).addClass("hilite");//鼠标放上去时 
}, function () { 
$(this).removeClass("hilite");//移开鼠标 
});//鼠标放上去和移开的不同效果(自动循环所有p对象)

5、动画:
$("p").show("slow");//隐藏对象(慢速渐变) 
$("#go").click(function(){ 
$("#block").animate({ 
width: "90%", 
height: "100%", 
fontSize: "10em" 
}, 1000 ); 
});//鼠标点击后宽、高、字体的动态变化

6、扩展:
$.fn.background = function(bg){ 
return this.css('background', bg); 
}; 
$(#element).background("red");

如果要为每一个jQuery 对象添加一个函数,必须把该函数指派给 $.fn,同时这个函数必须要返回一个 this(jQuery 对象)
jQuery相关
《Learning jQuery:Better Interaction Design and Web Development with Simple JavaScript Techniques》第一本由jQuery的开发人员写的关于如何学习jQuery的书已经于七月面世,同时还有三本相关的书在问世当中。
jQueryCamp 2007,一个jQuery开发人员的见面会也将于10月27日在Boston召开。
VisualJquery是一个Jquery的学习和查询网站,也跟着更新到了1.1.2版本。
jQuery官网介绍翻译:
jQuery是一个以前未曾有过的JavaScript库。
他快速、简洁,能够很轻易地处理HTML文档、控制事件、给页面添加动画和Ajax效果。
jQuery是为了改变JavaScript的编写方式而设计的。
他适合所有人:设计师、开发人员、极客、商业应用...
体积小:26.5KB(1.2.1压缩版),45.3KB(1.2.1精简版),78.6KB(1.2.1完整版)...20.7KB(1.1.2压缩版),57.9KB(1.1.2完整版)
兼容性:支持CSS 1-3和基本的XPath
跨浏览器:IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+(向后兼容)
jQuery插件:
Ajax (25)/Animation and Effects (26)/Browser Tweaks (6)/Data (17)/DOM (21)/Drag-and-Drop (6)/Events (19)/Forms (39)/Integration (12)/JavaScript (20)/jQuery Extensions (37)/Layout (23)/Media (13)/Menus (13)/Navigation (23)/Tables (11)/User Interface (84)/Utilities (27)/Widgets (41)/Windows and Overlays (4)

jQueryUI库:
基本的鼠标互动:拖拽(drag and dropping)、排序(sorting)、选择(selecting)、缩放(resizing)
各种互动效果:手风琴式的折叠菜单(accordions)、日历(date pickers)、对话框(dialogs)、滑动条(sliders)、表格排序(table sorters)、页签(tabs)、放大镜效果(magnifier)、阴影效果(shadow)

Javascript 相关文章推荐
取得传值的函数
Oct 27 Javascript
解决 firefox 不支持 document.all的方法
Mar 12 Javascript
JavaScript Archive Network 集合
May 12 Javascript
jQuery源码中的chunker 正则过滤符分析
Jul 31 Javascript
jQuery语法高亮插件支持各种程序源代码语法着色加亮
Apr 27 Javascript
jQuery+html5实现div弹出层并遮罩背景
Apr 15 Javascript
JS实现的自定义显示加载等待图片插件(loading.gif)
Jun 17 Javascript
微信小程序 实现tabs选项卡效果实例代码
Oct 31 Javascript
JavaScript如何一次性展示几万条数据
Mar 30 Javascript
如何理解Vue的render函数的具体用法
Aug 30 Javascript
vue 表单输入格式化中文输入法异常问题
May 30 Javascript
JS中超越现实的匿名函数用法实例分析
Jun 21 Javascript
jQuery 获取URL参数的插件
Mar 04 #Javascript
老鱼 浅谈javascript面向对象编程
Mar 04 #Javascript
javascript实现的像java、c#之类的sleep暂停的函数代码
Mar 04 #Javascript
ExtJs之带图片的下拉列表框插件
Mar 04 #Javascript
JavaScript replace(rgExp,fn)正则替换的用法
Mar 04 #Javascript
JavaScript isPrototypeOf和hasOwnProperty使用区别
Mar 04 #Javascript
AppBaseJs 类库 网上常用的javascript函数及其他js类库写的
Mar 04 #Javascript
You might like
使用PHP维护文件系统
2006/10/09 PHP
php中cookie的作用域
2008/03/27 PHP
php面向对象全攻略 (一) 面向对象基础知识
2009/09/30 PHP
CI框架验证码CAPTCHA辅助函数用法实例
2014/11/05 PHP
php实现数组按指定KEY排序的方法
2015/03/30 PHP
PHP使用SOAP扩展实现WebService的方法
2016/04/01 PHP
PHP中文字符串截断无乱码解决方法
2016/10/10 PHP
javascript学习笔记(七)利用javascript来创建和存储cookie
2011/04/08 Javascript
GridView中获取被点击行中的DropDownList和TextBox中的值
2013/07/18 Javascript
JavaScript判断手机号运营商是移动、联通、电信还是其他(代码简单)
2015/09/25 Javascript
基于jQuery实现简单的折叠菜单效果
2015/11/23 Javascript
jQuery根据表单name获取值的方法
2016/05/24 Javascript
jQuery获取及设置表单input各种类型值的方法小结
2016/05/24 Javascript
基于JavaScript实现自定义滚动条
2017/01/25 Javascript
简单实现js轮播图效果
2017/07/14 Javascript
JavaScript判断浏览器和hack滚动条的写法
2017/07/23 Javascript
webpack实现热加载自动刷新的方法
2017/07/30 Javascript
jQuery 利用ztree实现树形表格的实例代码
2017/09/27 jQuery
详解mpvue实现对苹果X安全区域的适配
2019/07/31 Javascript
Vue 使用beforeEach实现登录状态检查功能
2019/10/31 Javascript
[04:29]2016国际邀请赛中国区预选赛Ehome战队教练采访
2016/06/27 DOTA
Python时间模块datetime、time、calendar的使用方法
2016/01/13 Python
python和ruby,我选谁?
2017/09/13 Python
浅谈Python里面小数点精度的控制
2018/07/16 Python
numpy linalg模块的具体使用方法
2019/05/26 Python
解决django同步数据库的时候app models表没有成功创建的问题
2019/08/09 Python
Tkinter中复选菜单是否被选中的判断与设置方式
2020/03/04 Python
HTML5引入的新数组TypedArray介绍
2012/12/24 HTML / CSS
Tech21美国/加拿大:英国NO.1防摔保护壳品牌
2018/01/20 全球购物
Myprotein西班牙官网:欧洲第一大运动营养品牌
2020/02/24 全球购物
女大学生个人求职信
2013/12/09 职场文书
妇产医师自荐信
2014/01/29 职场文书
残疾人创业典型事迹
2014/02/01 职场文书
邻里守望志愿服务活动方案
2014/08/15 职场文书
接待员岗位职责
2015/02/13 职场文书
校运会通讯稿
2015/07/18 职场文书