国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

jQuery 插入prepend()與prependTo()

在元素內(nèi)部進(jìn)行操作的方法,除了在被選元素的結(jié)尾(仍在內(nèi)部)透過append與appendTo插入指定內(nèi)容外,對應(yīng)的還可以在被選元素之前插入,jQuery提供的方法是prepend與prependTo

選擇器的描述:

3.png

下面我們來寫一個(gè)實(shí)例來講解,程式碼如下:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>prepend與prependTo</title>
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
    <ul>
        <li id="li1">php 中文網(wǎng)</li>
        <li id="li2">php.cn</li>
    </ul>

    <input type="button" id="ipt1" value="prepend">
    <input type="button" id="ipt2" value="prependTo">

    <script>
        $("#ipt1").click(function(){
            $('#li1').prepend("歡迎</br>");
        })

        $("#ipt2").click(function(){
            $('#li2').prepend("歡迎</br>");
        })
    </script>
</body>
</html>

注意:prepend( )和.prependTo()實(shí)現(xiàn)同樣的功能,主要的不同是語法,插入的內(nèi)容和目標(biāo)的位置不同

這裡總結(jié)下內(nèi)部操作四個(gè)方法的區(qū)別:?

????append( )在每個(gè)符合的元素內(nèi)部追加內(nèi)容

????prepend()向每個(gè)符合的元素內(nèi)部前置內(nèi)容

????appendTo()將所有符合的元素追加到另一個(gè)指定元素的集合中

????prependTo()將所有符合的元素前置到另一個(gè)指定的元素集合中


繼續(xù)學(xué)習(xí)
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>prepend與prependTo</title> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script> </head> <body> <ul> <li id="li1">php 中文網(wǎng)</li> <li id="li2">php.cn</li> </ul> <input type="button" id="ipt1" value="prepend"> <input type="button" id="ipt2" value="prependTo"> <script> $("#ipt1").click(function(){ $('#li1').prepend("歡迎</br>"); }) $("#ipt2").click(function(){ $('#li2').prepend("歡迎</br>"); }) </script> </body> </html>
提交重置程式碼