关于JQuery设计思想
jQuery是当前运用最普遍的javascript函数库。
据计算,全世界排名前100万的网站,有46%运用jQuery,远远超越其他库。微软公司甚至把jQuery作为他们的官方库。
关于网页开拓者来说,学会jQuery是需要的。由于它让你调查业界最通用的技能,为未来进修更高级的库打下根底,而且的确可以很轻松地做出很多复杂的结果。
固然jQuery上手翰单,比其他库轻易学会,然则要具体把握,却不轻松。由于它触及到网页开拓的方方面面,供应的各类办法和内部转变有上千种之多。初学者经常感应,入门很便利,进步很坚苦。
当前,互联网上最好的jQuery入门教材,是Rebecca Murphey写的《jQuery根底》(jQuery Fundamentals)。在Google里查找"jQuery 培训",此书排在第一位。jQuery官方团队曾经赞同,把此书作为官方教程的根底。
这本书固然是入门教材,但也足足有100多页。我对它做了一个具体的笔记,试图理清jQuery的设计思维,找出进修的头绪。我的目的是具体把握jQuery,碰到问题的时分,心里有底,根本晓得运用它的哪一个功用,然后可以敏捷从手册中找到详细的写法。
下面就是我的笔记,它应该是当前网上不多的jQuery中文教程之一。你只需求一点javascript言语的根本常识,就能看懂它,在最短的工夫里,把握jQuery的一切首要方面(除了ajax和插件开拓)。
===========================================
jQuery设计思维
原文网址:http://jqfundamentals.com/book/
阮一峰 翻译整顿
【目次】
一、选择网页元素
二、改动后果集
三、链式操作
四、元素的操作:取值和赋值
五、元素的操作:挪动
六、元素的操作:复制、删除和创立
七、东西办法
八、事情操作
九、非凡结果
【正文】
一、选择网页元素
jQuery的根本设计和首要用法,就是"选择某个网页元素,然后对其进行某种操作"。这是它区别于其他函数库的基本特点。
运用jQuery的第一步,往往就是将一个选择表达式,放进结构函数jQuery()(简写为$),然后获得被选中的元素。
选择表达式可所以CSS选择器:
<table style="BORDER-BOTTOM: #cccccc 1px dotted; BORDER-LEFT: #cccccc 1px dotted; TABLE-LAYOUT: fixed; BORDER-TOP: #cccccc 1px dotted; BORDER-RIGHT: #cccccc 1px dotted" border="0" cellspacing="0" cellpadding="6" width="95%" align="center">
$(document) //选择整个文档对象
<span style="COLOR: #000000">$('#myId') //选择ID为myId的网页元素
<span style="COLOR: #000000">$('div.myClass') // 选择class为myClass的div元素
<span style="COLOR: #000000">$('input[name=first]') // 选择name属性等于first的input元素
<td style="WORD-WRAP: break-word" bgcolor="#fdfddf">
也可所以jQuery特有的表达式:
<table style="BORDER-BOTTOM: #cccccc 1px dotted; BORDER-LEFT: #cccccc 1px dotted; TABLE-LAYOUT: fixed; BORDER-TOP: #cccccc 1px dotted; BORDER-RIGHT: #cccccc 1px dotted" border="0" cellspacing="0" cellpadding="6" width="95%" align="center">
<span style="COLOR: #000000">$('a:first') //选择网页中第一个a元素
<span style="COLOR: #000000">$('tr:odd') //选择表格的奇数行
<span style="COLOR: #000000">$('#myForm :input') // 选择表单中的input元素
<span style="COLOR: #000000">$('div:visible') //选择可见的div元素
<span style="COLOR: #000000">$('div:gt(2)') // 选择一切的div元素,除了前三个
<span style="COLOR: #000000">$('div:animated') // 选择当时处于动画形态的div元素
<td style="WORD-WRAP: break-word" bgcolor="#fdfddf">
- 1参考文献不仅具有学术价值也具有多项其他功能
- 2从内部结构看人性化的网站运营
- 3五步让你成为SEO高手
- 4一个好网站最起码应该具备哪些特点?
- 5虚拟主机的用途
- 6 基础PHP小知识分享
- 7为什么企业做了百度竞价,还要继续做SEO优化
- 8地方门户网站如何运营盈利
- 9IE提示403、403.9、404、500错误
- 10抢注域名要注意那些事项?
- 11义乌外贸软件分享ERP控制影响
- 12企业网站优化注意哪些?
- 13怎样做好优秀的用户体验
- 14二级域名上线必须注意的几个问题
- 15怎样提升网站关键词排名
- 16PHP设计模式介绍值对象模式
- 17别再把移动Web应用做得跟本地应用一样
- 18网站建设公司归纳“9大”使用经验总结
- 19泛普软件B2B系统正式上线测试
- 20计件工资系统分享—企业ERP系统失败的三大原因
- 21SEOer的发展
- 22义乌华睿管理软件ERP系统实施执行力下降原因
- 23劣质的材料对装修只会起到副作用
- 24数据服务器版与管理平台版的区别
- 25如何正确选择虚拟主机租用托管服务商
- 26义乌华睿管理软件移动时代创业者应抛弃的思维
- 27合肥最好优化公司为大家分析网站排名不稳定
- 28ERP和进销存、财务软件的区别
- 29流量,我要真实有效的
- 30小故事里面的大经验,你懂吗?