jQuery总结

来源:互联网 发布:淘宝详情页上传步骤 编辑:程序博客网 时间:2024/06/05 06:03

what is jQuery

JavaScript框架,封装好常用功能代码,主要宗旨就是让用户写的更少,干的更多。

why do we use jQuery

屏蔽浏览器差异
强大的插件机制
文档齐全,方便学习,易于使用

when should we use it

当页面中存在行为的时候,但是直接用JavaScript书写比较麻烦,这时候可以用jQuery简化工作量。

how do we use it

1、内容(html)
程序员界很早之前流行一句话“内容就是一切”,虽然这句话有些夸张,但是也能体现出内容在网页中的地位。内容很重要但一般用户的审美水平还是很高的,不能把一堆干巴巴的文字放在页面上吧,这就需要一个漂亮的外观。
2、样式与布局(css+div)
现在很多的网站都是利用css+div进行布局,比起以前的table布局更加灵活,而且现在强大的css3让网页做起来真是炫的不灵不灵的。它的主要作用就是确定各个元素在网页中的位置,颜色,宽高,边框等特性,以及元素和元素之间的位置和关系。
3、行为(js+jQuery)
网页的行为一般都是对于某个元素的行为,当触发到这个元素事件时就会执行相应的行为。获取元素在js中利用的是DOM进行获取,事件绑定也有相应的属性与之对应。但是为了更好地兼容每个浏览器jQuery可以用一行代码做许多js的事情(这需要自己慢慢体会)。

使用jQuery进行操作的套路

1、了解需求:明白自己究竟要实现的是什么样的效果
2、实现文档:把内容框架写出来
3、样式设计:把你想要的效果用css进行设置
4、注册事件:给元素添加对应的事件
5、添加行为:利用js往事件里添加行为,通过修改元素的class,进而改变对应的css样式实现改变;此外还可以利用ajax对服务器进行请求。
6、优化行为:基本实现之后站在用户角度考虑,哪些功能是需要的,哪些是不需要的,尽可能的让自己的代码更人性化。

心得体会

学习新知识最好的办法还是找一本比较系统的书进行系统学习,视频或项目的学习方法是开胃菜是用来激起学习兴趣的,要想学的扎实还需要系统学习总结,等学完之后在进行针对训练刻意练习。