使用jQuery操作 DOM

冒泡事件
事件冒泡就是当父元素和子元素存在同一事件时，在子元素的事件处理程序中会自动调用其父级元素的事件处理程序。
event.stopPropagation(); // 阻止事件冒泡
event.preventDefault(); //阻止默认行为 ( 表单提交 )。
return false，效果一样
样式操作
css()获取和设置样式
addClass（）追加样式创建样式
removeClass（）删除样式
hasClass（）判断是否包含指定内容样式
toggleClass（）切换样式
获取和设置节点属性$(selector).attr(name);
$(selector).attr({[name:value],[name:value]....})； 删除节点属性$(selector).attr([name:value],[name:value]....)；删除节点属性(selector).removeAttr(name);
设置元素内容$(selector).html();设置或返回所选元素的内容$(selector).html();设置或返回所选元素的内容(selector).text();设置或返回所选元素的文本内容$(selector).val()；设置或返回表单字段内容
节点操作
append(content)
$(A).append(B)表示将B追加到A中 如：$(A).append(B)表示将B追加到A中如：(“ul”).append($newNode1);
appendTo(content)
$(A).appendTo(B)表示把A追加到B中 如：$(A).appendTo(B)表示把A追加到B中如：newNode1.appendTo(“ul”);
prepend(content)
$(A). prepend (B)表示将B前置插入到A中 如：$(A).prepend(B)表示将B前置插入到A中如：(“ul”). prepend ($newNode1);
prependTo(content)
$(A). prependTo (B)表示将A前置插入到B中 如：$(A).prependTo(B)表示将A前置插入到B中如：newNode1. prependTo (“ul”);
after(content)
$(A).after (B)表示将B插入到A之后 如：$(A).after(B)表示将B插入到A之后如：(“ul”).after($newNode1);
insertAfter(content)
$(A). insertAfter (B)表示将A插入到B之后 如：$(A).insertAfter(B)表示将A插入到B之后如：newNode1.insertAfter(“ul”);
before(content)
$(A). before (B)表示将B插入至A之前 如：$(A).before(B)表示将B插入至A之前如：(“ul”).before($newNode1);
insertBefore(content)
$(A). insertBefore (B)表示将A插入到B之前 如：$(A).insertBefore(B)表示将A插入到B之前如：newNode1.insertBefore(“ul”);
remove()：删除整个节点$(selector).remove([expr]); empty()：清空节点内容$(selector).remove([expr]);empty()：清空节点内容(selector).empty();
detach（）;删除整个节点，保留元素绑定事件，附加的数据
replaceWith()和replaceAll()用于替换某个节点
两者的关系类似于append()和appendTo()
clone()用于复制某个节点
$(selector).clone() ;clone（为true复制节点可复制其功能或false不能复制其功能）
属性操作
attr()用来获取与设置元素属性
$(selector).attr([name]) ;或
$(selector).attr({[name1:value1]…[nameN:valueN]}) ; 可以设置多个属性值 removeAttr()用来删除元素的属性$(selector).attr([name1:value1]…[nameN:valueN]);可以设置多个属性值removeAttr()用来删除元素的属性(selector).removeAttr(name) ;
节点遍历
children()方法可以用来获取元素的所有子元素
$(selector).children([expr]); 遍历同辈元素next([expr])用于获取紧邻匹配元素之后的元素$(selector).children([expr]);遍历同辈元素next([expr])用于获取紧邻匹配元素之后的元素(“li:eq(1)”).next().addClass(“orange”);
prev([expr])用于获取紧邻匹配元素之前的元素
$(“li:eq(1)”).prev().addClass(“orange”);
slibings([expr])用于获取位于匹配元素前面和后面的所有同辈元素
$(“li:eq(1)”).siblings().addClass(“orange”);
遍历前辈元素
parent()：获取元素的父级元素
parents()：获取元素的祖先元素
each( ) ：规定为每个匹配元素规定运行的函数
$(selector).each(function(index,element)) ;
end( )：结束当前链条中的最近的筛选操作，并将匹配元素集还原为之前的状态
表单校验
为什么要表单验证
减轻服务器的压力
保证输入的数据符合要求