前端学习笔记（JQuery+JavaScript）

-------------------------完美的分割线----------------------------------------------

----------------------二〇一七年八月七日 18:43:28---------------------------------

如何获得select被选中option的value和text

一：JavaScript原生的方法

1:拿到select对象： var myselect=document.getElementById(“test”);

2：拿到选中项的索引：var index=myselect.selectedIndex ; // selectedIndex代表的是你所选中项的index

3:拿到选中项options的value： myselect.options[index].value;

4:拿到选中项options的text： myselect.options[index].text;

二：jQuery方法（前提是已经加载了jquery库）

1:var options=$(“#test option:selected”); //获取选中的项

2:alert(options.val()); //拿到选中项的值

3:alert(options.text()); //拿到选中项的文本

-------------------------完美的分割线----------------------------------------------

 ----------------------2017年8月9日18:32:22---------------------------------

  在js中==号和===号的区别与联系

var num = 1;   var str = '1';   var test = 1;   test == num   //true　相同类型　相同值   test === num  //true　相同类型　相同值   test !== num  //false test与num类型相同，其值也相同,　非运算肯定是false     num == str   //true 　把str转换为数字，检查其是否相等。   num != str   //false  == 的 非运算   num === str  //false  类型不同，直接返回false   num !== str  //true   num 与 str类型不同 意味着其两者不等　非运算自然是true啦

== 和 != 比较若类型不同，先偿试转换类型，再作值比较，最后返回值比较结果 。

而 

=== 和 !== 只有在相同类型下,才会比较其值

-------------------------完美的分割线----------------------------------------------

 ----------------------2017年8月16日17:00:19---------------------------------

在js中null和Undefined的区别！

     JavaScript的最初版本是这样区分的：null是一个表示"无"的对象，转为数值时为0；undefined是一个表示"无"的原始值，转为数值时为NaN。

    但是，实际上二者差距非常小。

   

null表示"没有对象"，即该处不应该有值。典型用法是：

（1） 作为函数的参数，表示该函数的参数不是对象。

（2） 作为对象原型链的终点。

  

undefined表示"缺少值"，就是此处应该有一个值，但是还没有定义。典型用法是：

（1）变量被声明了，但没有赋值时，就等于undefined。

（2) 调用函数时，应该提供的参数没有提供，该参数等于undefined。

（3）对象没有赋值的属性，该属性的值为undefined。

（4）函数没有返回值时，默认返回undefined。

-------------------------完美的分割线----------------------------------------------

 ----------------------2017年9月16日12:52:57---------------------------------

jQuery判断checkbox是否选中的3种方法

方法一：
if ($("#checkbox-id")get(0).checked) {
    // do something
}

方法二：
if($('#checkbox-id').is(':checked')) {
    // do something
}

方法三：
if ($('#checkbox-id').attr('checked')) {
    // do something
}