javascript html jquery 入门
2016-06-20 17:18
453 查看
就开发难易程度来说,现在普遍使用jquery,本人学习jquery html css时间不长,以前写过Flex.
CSS+JS+HTML组成HTML开发三驾马车。学习js开发我认为怎么入门十分重要。根据自己的学习过程,我认为:
1.理解js执行顺序
2.js入口即cs main函数,就是开始执行js的的入口
3.CSS
4.html要素
简单介绍js执行机制:
1.直接写在<script /script>里面
比如 <script>
alert("test")
</script>
执行过后系统直接弹出“test”,代码会直接执行。
2.ready包裹。意思是当window 的UI加载完毕后才执行ready里面的函数,ready包裹有两种方式,实质是一样的仅仅写法不同
a.$(document).ready(function(){});
b.$(function(){
alert("test");
$(selector).....//此时要素选择器不为空,如果此处写在方法1里面 肯定要素选择器是空的,因为页面要素还没有加载进来。
})
3.(function($){})(jQuery)。此处为插件开发。意思等同于 function test(){}; test()。即定义后直接调用。
知道执行机制写js代码就方便的多了。
另外学习jquery 知道 简单的 dom操作,css操作,append要素动态添加,基本js就游刃有余了。
css 孰能生巧要从开始养成习惯,css写在css文件里面。共有的css样式尽量写在一个css 样式里面
CSS+JS+HTML组成HTML开发三驾马车。学习js开发我认为怎么入门十分重要。根据自己的学习过程,我认为:
1.理解js执行顺序
2.js入口即cs main函数,就是开始执行js的的入口
3.CSS
4.html要素
简单介绍js执行机制:
1.直接写在<script /script>里面
比如 <script>
alert("test")
</script>
执行过后系统直接弹出“test”,代码会直接执行。
2.ready包裹。意思是当window 的UI加载完毕后才执行ready里面的函数,ready包裹有两种方式,实质是一样的仅仅写法不同
a.$(document).ready(function(){});
b.$(function(){
alert("test");
$(selector).....//此时要素选择器不为空,如果此处写在方法1里面 肯定要素选择器是空的,因为页面要素还没有加载进来。
})
3.(function($){})(jQuery)。此处为插件开发。意思等同于 function test(){}; test()。即定义后直接调用。
知道执行机制写js代码就方便的多了。
另外学习jquery 知道 简单的 dom操作,css操作,append要素动态添加,基本js就游刃有余了。
css 孰能生巧要从开始养成习惯,css写在css文件里面。共有的css样式尽量写在一个css 样式里面
相关文章推荐
- Odoo 9 Odoo $ JQuery undifned
- jQuery操作Form表单元素
- jQuery.extend 函数详解
- jquery easyui combotree
- jquery与document转换
- Jquery商品飞入购物车动画(全部20行代码)
- 使用jQuery制作模态框
- jQuery File Upload在IE6~IE8中无法获取响应数据(data.result)
- jQuery中的$.grep()方法的使用
- JQueryEasyUI之DataGrid的footer无法显示出来
- JQuery.Ajax()的data参数类型
- jQuery实现的网格线绘制方法
- jQuery实现右下角可缩放大小的层完整实例
- 解决jquery.js在myeclipse中报错的问题
- 【转】 jquery遍历json数组方法
- jquery.validate在IE8下,点击提交不进行验证的解决方案
- 基于jquery实现拆分姓名的方法
- jQuery实现调整表格单列顺序完整实例
- JQuery中$.ajax()方法参数详解
- jQuery简单实现tab选项卡切换效果