addClass(已定义的css样式类)

css("property","value")

css()相当于内联样式 而addClass()是内部样式和外部样式

css()不如addClass()可维护，更灵活，适合动态的html

页面

css("background-color","blue");

css({"background-color":"blue",

"background-color":"blue",

"background-color":"blue"

});

   <div class="first">获取颜色</div>

$('.first').css("background-color");

first类（css类）设置属性（css属性）

property是js上DOM是的属性 

attribute是html标签上的特性，内容是字符串

<input id="2" value="hello">

console.log($("eg1"));

attributes: NamedNodeMap

value: "hello"

id: "2"

attributes内部属性值

0:“2”

1: “hello”

property内部属性值

value: "hello"

id: "2"

 $(this).attr("src","img/close.png");    

.addClass()

.removeClass()

$(".left div")

$(".right>div:first")

.html(),.text()和.val()的差异总结：  

1. .html(),.text(),.val()三种方法都是用来读取选定元素的内容；只不过.html()是用来读取元素的html内容（包括html标签），.text()用来读取元素的纯文本内容，包括其后代元素，.val()是用来读取表单元素的"value"值。其中.html()和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上；另外.html()方法使用在多个元素上时，只读取第一个元素；.val()方法和.html()相同，如果其应用在多个元素上时，只能读取第一个表单元素的"value"值，但是.text()和他们不一样，如果.text()应用在多个元素上时，将会读取所有选中元素的文本内容。

2. .html(htmlString),.text(textString)和.val(value)三种方法都是用来替换选中元素的内容，如果三个方法同时运用在多个元素上时，那么将会替换所有选中元素的内容。

3. .html(),.text(),.val()都可以使用回调函数的返回值来动态的改变多个元素的内容。

 仔细观察层级选择器之间还是有很多相似与不同点

1. 层级选择器都有一个参考节点

2. 后代选择器包含子选择器的选择的内容

3. 一般兄弟选择器包含相邻兄弟选择的内容

4. 相邻兄弟选择器和一般兄弟选择器所选择到的元素，必须在同一个父元素下

通过原生DOM模型提供的document.getElementById(“imooc”) 方法获取的DOM元素就是一个DOM对象，再通过innerHTML与style属性处理文本与颜色。

通过$('#imooc')方法会得到一个$p的jQuery对象，$p是一个类数组对象。这个对象里面包含了DOM对象的信息，然后封装了很多操作方法，调用自己的方法html与css，得到的效果与标准的JavaScript处理结果是一致的

$(document).ready 的作用是等页面的文档（document）中的节点都加载完毕后，再执行后续的代码，因为我们在执行代码的时候，可能会依赖页面的某一个元素，我们要确保这个元素真正的的被加载完毕后才能正确的使用。（显示一个框里加文字）

$(this) 有jQuery的方法和属性值，指向当前的DOM对象

this是JavaScript中的关键字，指的是当前的上下文对象，简单的说就是方法/属性的所有者

下面例子中，imooc是一个对象，拥有name属性与getName方法,在getName中this指向了所属的对象imooc

var imooc = {
    name:"慕课网",
    getName:function(){
        //this,就是imooc对象
        return this.name;
    }
}
imooc.getName(); //慕课网

  var $this = $(this);

DOM->jquery对象

form的对象属性

:select

:enabled

:disabled

:checked

最好写：$("input:checked")

$(":selected")

表单元素 定位不同类型的元素 form

input[type="text"] input[type="checkbox"]

入

$("input[type='text]").on('blur', function(){

})

//进行文本框的正则表达式验证