1、自执行函数
表示文档结构已经加载完成（不包含图片等非文字媒体文件），onload则指示页面包含图片等文件在内的所有元素都加载完成。
第一种：
$(function(){
// do something
})
第二种：
$(document).ready(function(){
//do something
})
第三种：
$().ready(function(){
//do something
})
2、取值和赋值
（1）text()
用于设置或返回被选元素的文本内容。（innerText）
语法
返回文本内容：
$(selector).text()
设置文本内容
$(selector).text(content)
使用函数设置文本内容
- index:返回集合中元素的index位置
- currentcontent:返回被选元素的当前内容
$(selector).text(function(index,currentcontent))
（2）html()
用于设置或返回被选元素的内容（innerHTML）。
语法
返回内容：
$(selector).html()
设置内容：
$(selector).html(content)
使用函数设置内容
- index:返回集合中元素的index位置
- currentcontent:返回被选元素的当前内容
$(selector).html(function(index,currentcontent))
（3）val()
用于返回或设置被选元素的 value 属性。
注意：val() 方法通常与 HTML 表单元素一起使用。
语法
返回 value 属性：
用于返回第一个匹配元素的value属性的值
$(selector).val()
设置value属性：
用于设置所有匹配元素的 value 属性的值
$(selector).val(value)
通过函数设置 value 属性：
- index:返回集合中元素的index位置
- currentcontent:返回被选元素的当前value
$(selector).val(function(index,currentvalue))
3、样式
（1）css()
用于设置或返回被选元素的一个或多个样式属性
语法
返回指定的 CSS 属性的值(无指定则返回第一个)
css("propertyname");
设置指定的 CSS 属性（无指定则设置全部）
css("propertyname","value");
（2）height() && width()
用于设置或返回被选元素的高度和宽度
语法 以高度为例
返回高度
$(selector).height()
设置高度
px为默认单位，直接写数值
$(selector).height(value)
使用函数设置高度
$(selector).height(function(index,currentheight))
| 值 | 介绍 |
|---|---|
| value | 当设置高度时是必需的。规定元素的高度，单位为 px、em、pt 等。默认单位是 px。 |
| function(index,currentheight) | 可选。规定返回被选元素新高度的函数。 |
4、类名操作
（1）addClass()
用于向被选元素添加一个或多个类名
这个方法不会移除已经存在的class属性，仅仅添加一个或多个类名到class属性。
注意：如需添加多个类，使用空格分隔类名
语法
函数添加类语法
$(selector).addClass(classname,function(index,oldclass))
| 值 | 介绍 |
|---|---|
| classname | 必需。规定一个或多个要添加的类名称。 |
| function(index,currentclass) | 可选。规定返回一个或多个待添加类名的函数。 |
（2）removeClass()
用于将从被选元素中删除所有类。
语法
$(selector).removeClass(classname,function(index,currentclass))
（3）hasClass()
用于检查被选元素是否包含指定的类名称。
如果被选元素包含指定的类，该方法返回'true'。
$(selector).hasClass(classname)
4、Dom操作
（1）add()
用于把元素添加到已存在的元素组合中。
$(selector).add(element,context)
| 值 | 介绍 |
|---|---|
| element | 必需。规定要添加到已存在的元素集合的选择器表达式、jQuery对象、一个或多个元素、HTML片段。 |
| context | 可选。规定选择器表达式在文档中开始进行匹配的位置。 |
（2）remove()
用于移除被选元素，包括文本和子节点，也会移除被选元素的数据和事件。
注意：
若要移除元素，但保留数据和事件，用detach()代替。
若要从被选元素移除内容，用empty()方法。
语法
$(selector).remove()
(3)append()
用于在被选元素的结尾插入指定内容。
注意：
若需在被选元素的开头插入内容，用prepend()方法。
$(selector).append(content,function(index,html))
(4)appendTo()
用于在被选元素的结尾插入HTML元素。
注意：
如果需要在被选元素的开头插入HTML元素，用prependTo()方法。
语法
$(content).appendTo(selector)
5、Dom查找和筛选
（1）parent()
用于返回被选元素的直接父元素
语法
$(selector).parent(filter)
例子：
<script>
$(document).ready(function(){
$("span").parent("li.1").css({"color":"red","border":"2px solid red"});
});
</script>
</head>
<body class="ancestors">body (曾曾祖父节点)
<div style="width:500px;">div (曾祖父节点)
<ul>ul (祖父节点)
<li class="1">li (直接父节点)
<span>span</span>
</li>
<li class="2">li (直接父节点)
<span>span</span>
</li>
</ul>
</div>
</body>
（2）parents()
用于返回被选元素的所有祖先元素
语法
$(selector).parents(filter)
（3）children()
用于返回被选元素的所有直接子元素。
语法
$(selector).children(filter)
（4）find()
用于返回被选元素的后代元素。
$(selector).find(filter)
（5）其他的列举
$(selector).not();//从匹配元素集合中删除元素
$(selector).prev()&prevAll();//获得匹配元素集合中每个元素紧邻的前一个/所有同辈元素
$(selector).next()&nextAll();//获得匹配元素集合中每个元素紧邻的一个/所有同辈元素
