JQuery 小总结（连载一下）

jquery 选择器：

css 的选择器

css选择器
符号	说明	用法
#id	Id选择器	#id{ color:red;}
.class	类选择器	.class{//}
Element	标签选择器	p{//}
*	通配符选择器	配合其他选择器来使用
，	并集选择器	div,p{}
空格	后代选择器	div span{}
>	子代选择器	div>span{}
+	紧邻选择器	div+p  选择div紧挨着的下一个p元素

创建节点

注意：Jquery创建元素节点、属性节点、文本节点都使用$(html)

1.创建元素节点：$("<li></li>");
2.创建属性节点：$("<li id='test'></li>");
3.创建文本节点：$("hello world !");
4.下面是创建三者的结合：$("<li id='test'>hello world !</li>");

 解释：4是创建一个id属性为test，文本节点为hello world !的li节点

 

插入节点

内部插入（当做子节点插入）：
    append(content|fn)   向每个匹配的元素内部末尾追加内容。
    appendTo(content)    把所有匹配的元素追加到另一个指定的元素元素集合末尾。
    prepend(content|fn)  向每个匹配的元素内部头部内容。
    prependTo(content)   把所有匹配的元素追加到另一个指定的元素元素集合头部
外部插入（当做兄弟节点插入）：
    after(content|fn)    向每个匹配元素的后面添加内容
    before(content|fn)   向每个匹配元素的前面添加内容
    insertAfter(content) 把所有匹配的元素插入到另一个、指定的元素元素集合的后
    面。
    insertBefore(content) 把所有匹配的元素插入到另一个、指定的元素元素集合的
    前面。

 

删除节点

• remove() - 删除被选元素（及其子元素）
• empty() - 从被选元素中删除子元素

jquery属性修改

1.attr()

　　设置属性值或者 返回被选元素的属性值

2.removeAttr()

　　移除属性

3.addClass（添加多个类名）

　　为每个匹配的元素添加指定的类名。

4.removeClass

　　从所有匹配的元素中删除全部或者指定的类。

 　　移除指定的类（一个或多个）