jQuery之DOM操作详细


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jquerydomtitle>
    <script type="text/javascript" src="../jquery-3.2.1.min.js">script>

    <script type="text/javascript"> $(function(){ $('#div2').parents().css('background','#ddd') $('#div2').closest('#div1').css('background','#ff9') $('#div2').siblings().css('background','pink') $('#div2').next().css('background','red') $('p').prevAll().css('background','green') $('#div3').clone().appendTo($('span')) $('#span').wrap('

');//每个ID名为span的元素的外面会被包装一对

$('#span').wrapAll('

');//所有ID名为span的元素的外面会被包装一对

})
script> head> <body> <div id="div1">aaa <div id="div2">bbbdiv> <span>spanspan> <p>pp> div> <div id="div3"> <span id="span">spanspan>div> body> html>

你可能感兴趣的:(jquery)