Javascript和jQuery

JavaScript基础知识

什么是JavaScript

JavaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。

最新版本已经到ES6版本

插入JavaScript

有两种

1. 在页面插入JavaScript代码，使用标签包起来。

   <script type="text/javascript">
       alert("hello world");
   </script>
   

2. 引入js文件，使用标签，在src属性输入js文件的位置

   <script src="js/JavaScript.js" type="text/javascript" charset="utf-8"></script>
   

注释

1. 单行注释

   //单行注释

2. 多行注释

   /*多行注释*/

输出到控制台

console.log();

数据类型

数据类型	描述
number	数值类型，包括整数和浮点数
string	字符串类型，给字符串类型赋值时即可以单引号也可以用双引号
boolean	布尔类型，值true或false
object	对象类型
null	用于尚未存在的对象
undefined	声明变量未初始化时，值为undefined

类型转换：

1. 强制转换

   使用Number()、Boolean()、String()来强转

   var a=\'123\';
   var b=Number(a);
   

2. 函数转换

   使用toString()、parseInt()等

   var a=10;
   var b=a.toString();
   
   var a=\'123\';
   var b=parseInt(a);
   

   注：parseInt()默认是十进制转换、也可以进行其他进制的转换

   var a=\'10\';
   //var b=parseInt(a,2);//结果是2
   //var b=parseInt(a,8);//结果是8
   

3. 隐式转换

   var a=1+"hello";//先将1转换为字符串再与后面的字符串连接
   

运算符、控制语句

运算符

1. 一元运算符：

   • delete：用于删除自定义的对象属性及方法的引用

   • void：对如何值都是输出undefined，用于避免输出不必要的值

     例如： <a href="JavaScript:void(0);">啦啦啦

2. 算数运算符

   ++、--、+、-、*、/、%

3. 位运算符

   &、|、^、~、>>、<<

4. 赋值运算符

   • +=
   • -=
   • *=
   • /=
   • %=
   • >>=
   • <<=

5. 关系运算符

   • ==：等于运算符，判断两个变量是否相等时，都会进行类型转换
   • ===：恒等运算符，除了比较值之外，还会比较数据类型
   • ！=：不等
   • ！==：不恒等
   • >、<、>=、<=

6. 逻辑运算符

   &&、||、！

7. 条件运算符

   ? :

控制语句

• if

• if(){}...else{}

• if(){}...else if(){}...else{}

• while(){}

• do{}...while();

• switch(){case:...default:}

• for(;