javascript html jquery 入门

Posted 2020-07-27

就开发难易程度来说，现在普遍使用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 样式里面