关于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很多人习惯把西瓜切开后冷藏食用
- 4连锁软件系统数据是ERP系统的灵魂
- 5网站运营过程中需要做好哪些SEO规划呢?
- 6草根站长必读网站运营如何做好策划工作
- 7购物网站哪个好?比传统购物有什么优势
- 8美容美发摄影行业门户解决方案
- 9国际域名注册信息问题答疑
- 10使用纳客会员管理系统遇到的问题(问答四)
- 11网络公司宣传应该特别注意的事项
- 12论坛签名外链对网站的影响
- 13义乌华睿软件ERP系统为了做到充分的集成和共享
- 14虚拟主机是做什么的?
- 15纳客会员管理软件怎么购买付款,纳客付款流程
- 16为网站增加品牌价值的技巧
- 17泛普软件B2B系统正式上线测试
- 18ECSHOP全站显示友情链接方法
- 19PHP设计模式 编程惯用法
- 20十位顶级PHP开发工程师的开发原则
- 21英文seo的基本要素
- 22义乌华睿管理软件移动时代创业者应抛弃的思维
- 23选择去哪所学校留学时应该从以下几个要素考虑
- 24网站优化操作误区
- 25纳客会员管理软件特色功能介绍
- 26泛普软件新站改版中
- 27南昌网站建设介绍新站SEO的注意事项
- 2810个让你意想不到的退烧小偏方
- 29网站微观研究部之一《营销型网站的建立》
- 30最重要的是选择一个适合自己能力和水平的学校