1.DOM操作分为DOM Core, HTML-DOM和CSS-DOM3种操作类型
2.使用css()方法可以为元素添加样式,使用addClass()方法微元素追加类样式,使用removeClass()方法可以移除样式,使用toggleClass方法可以切换样式
3.使用html()方法可以获取或是设置HTML代码,使用text()方法可获取或设置元素的文本类容,使用val()方法可获取value属性值
4.使用DOM元素节点操作包括查找,创建,替换,复制和遍历等
5.在jquery中,提供了append()等一系列方法插入节点,使用remove()等方法删除节点
6.在juery中,使用attr()方法可获得或设置元素属性,使用removeAttr()方法可删除元素属性。
7.在jquery,遍历操作包括遍历子元素,遍历元素和遍历前辈元素
8.在jquery中,提供了获取和设置元素高度,宽度,相对位置等CSS—DOM方法
<!DOCTYPE html>
<html>
<head>
<title>day0200.html</title>
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
<script type="text/javascript" src="js/jquery-migrate-1.2.0.js"></script>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="textml; charset=UTF-8">
<script type="text/javascript">
$(function(){
//添加节点
//添加到结尾
/*$("#d").click(function(){
var jq=$("<li>3333<>");
$("ul").append(jq);
});
*/
//添加到开头
/*$("#d").click(function(){
var jq=$("<li>3333<>");
$("ul").prepend(jq);
});
*/
//替换
/*$("#a").click(function(){
$("li:eq(0)").replaceWith("<li>ppp<>");
});*/
$("#u").click(function(){
/ar jq=$("<li>3333<>");
$("ul li:eq(0)").clone(true).appendTo("ul");
});
});
</script>
</head>
<body>
<ul>
<li>1111<>
<li>2222<>
</ul>
<input type="button" id="d" value="添加"/>
<input type="button" id="a" value="替换"/>
<input type="button" id="u" value="克隆"/>
</body>
<ml>
<span style="font-size:32px;">
</span>