今天完成的事情：（一定要写非常细致的内容，比如说学会了盒子模型，了解了Margin）
jQuery 如何准确选择元素
JavaScript 比较运算符
null 和undefined的区别

明天计划的事情：（一定要写非常细致的内容）
 了解jQuery 如何操作DOM

遇到的问题：（遇到什么困难，怎么解决的）
 

jQuery 如何准确选择元素

$("div.menu");
//选择所有class="menu"元素
$("p:first");
//选择第一个p元素
$("*");
// all elements of  the DOM
$("#demo");
// all elements with id="demo"
$(".demo");
//all elements with class="demo"
$("p");
//all <p> elements
$("h1,p");
//选择所有h1元素和所有的p元素
$("h1:last");
//last h1 element
$("ul:first-child");
// all <ul> elements that are firstd o their parent
$("ul:last-child";)
// all <ul> elements that are last child o their parent
$("ul:nth-child(2)");
// all <ul> elements that are 2nd child of their parent
$("div>p");
//all <p> elements that are direct child of a <div> element
$("div p");
//all <p> elements that are descendants of a <div> element
$("ul li:eq(2)");
//the third element in a list (index start at 0)
$(":contains('solo')");
//all elements which contain the text 'solo'
$("[src]");
//all elements with a src attribute 
$(":input");
//all input elements
$(":text");
//all input elements with type="text"

收获：（通过今天的学习，学到了什么知识）
JavaScript比较运算符
运算符==。JavaScript有两种比较运算符：

第一种是==比较，它会自动转换数据类型再比较，很多时候，会得到非常诡异的结果；

第二种是===比较，它不会自动转换数据类型，如果数据类型不一致，返回false，如果一致，再比较。

由于JavaScript这个设计缺陷，不要使用==比较，始终坚持使用===比较。

null和undefined

null表示一个“空”的值，它和0以及空字符串''不同，0是一个数值，''表示长度为0的字符串，而null表示“空”。

在其他语言中，也有类似JavaScript的null的表示，例如Java也用null，Swift用nil，Python用None表示。但是，在JavaScript中，undefined表示“未定义”。

JavaScript的设计者希望用null表示一个空的值，而undefined表示值未定义。事实证明，这并没有什么卵用，区分两者的意义不大。大多数情况下，我们都应该用null。
undefined仅仅在判断函数参数是否传递的情况下有用。

jQuery  隐藏元素

$("p").hide();//隐藏所有 p 元素
$(".demo").hide();//隐藏所有class="demo" 的元素
$("#demo").hide();//隐藏所有="demo" 的元素

jQuery获取和设置HTML元素的内容和属性:

html()  //获取和修改所选择元素的内容,包括HTML标记，参数里的HTML标签会被解析。
text()  // 获取和修改所选择元素的文本内容,不包括HTML标记，参数里的HTML标签不会被解析。
val()  //读取和修改一个表单元素的value字段值。
attr()  // 获取属性的值。
removeAttr() //移除特定的属性。

html()和text()用于获取或修改所选元素的的内容, 然而所选元素已存在的内容已经丢失。
以下jQuery 方法用于在所选元素添加新内容而不删除现有内容的方法:
append()  // 在所选元素的末尾插入内容;
prepend() // 在所选元素之前插入内容;
after()  // 插入所选元素之后的内容;
before()  // 插入所选元素之前的内容;

$(function() {
   var vtxt = $("#name").val();
   $("#txt").text(txt);
});
获取表单元素id为name的元素值,并将他赋值给id为txt的元素

$(function() {
   $("#demo").attr("alt","Demo");
   alter($("#img").attr("src"));
});
设置id为img的元素的alt属性值为Demo;  弹出id为img的元素的src属性值

$(function() {
   var txt = $("<p></p>").text("Hi");
   $("#demo").after(txt);
});
创建一个新元素<p>,其中包含文本Hi,并将其分配给变量txt,之后,我们可以使用该变量txt作为方法的参数添加到HTML中的 d为demo的元素之后。

jQuery 操作CSS
addClass() 给选定的元素添加一个或多个类
removeClass()给选定的元素移除一个或多个类
toggleClass() 从所选元素添加/删除类之间切换,如果方法中元素指定类存在,在它将被删除;反之,它将被添加
$("div").addClass("class1 class2 class3");
将div 元素增加类class1,class2,class3
$("div").addClass("header");
将div 元素增加类"header"