jQuery 的DOM操作方法 元素的创建、复制、重组、修饰.docVIP

!DOCTYPE?html?PUBLIC?-//W3C//DTD?XHTML?1.0?Transitional//EN?/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml?xmlns=/1999/xhtmlhead?id=Head1?runat=server????title/title????script?src=jquery.js?type=text/javascript/script????style?type=text/css????????.chapter????????{????????????width:?42em;????????}????????a.link????????{????????????text-decoration:?none;????????}????????span.footnote????????{????????????font-style:?italic;????????????font-family:?Times?New?Roman?,?Times,?serif;????????????display:?block;?/*使其变成一块一块的*/????????????margin:?1em?0;????????}????????.text-reference????????{????????????font-weight:?bold;????????}????????#notes?li????????{????????????margin:?1em?0;????????}????????#notes????????{????????????margin-top:?1em;????????????border-top:?1px?solid?#00ff00;????????}????????#footer????????{????????????margin-top:?1em;????????????border-top:?1px?solid?#dedede;?/*上边线*/????????}????????.inhabitants????????{????????????border-bottom:?1px?solid?#dedede;????????}????????.pulled-wrapper????????{????????????background:?url(pq-top.jpg)?no-repeat?left?top;????????????position:?absolute;????????????width:?160px;????????????right:?-180px;??/*?定位注释框的横向位置*/????????????padding-top:?18px;????????}????????.pulled????????{????????????background:?url(pq-bottom.jpg)?no-repeat?left?bottom;????????????position:?relative;????????????display:?block;????????????width:?140px;????????????padding:?0?10px?24px?10px;????????????font:?italic?1.4em?Times?New?Roman?,?Times,?serif;????????}????/style????script?type=text/javascript????????//为每个p元素添加属性????????$(document).ready(function()?{????????????$(p).each(function(index)?{????????????????var?currentClass?=?$(this).attr(class);????????????????$(this).attr(class,?currentClass?+??inhabitants);????????????});????????});????????//动态为元素添加属性????????$(document).ready(function()?{????????????$(div.chapter?a[href*=cnblogs]).each(function(index)?{?//each好似for循环，他会循环集合中所有的对