欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

節(jié)點的插入之a(chǎn)ppend()和appendTo()的用法介紹

 更新時間:2014年01月13日 15:41:28   作者:  
說到節(jié)點的插入想必大家對append()和appendTo()的用法并不陌生吧,下面有個不錯的是,希望對大家學習有所幫助
復制代碼 代碼如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>jquery</title>
<script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type="text/javascript">
$(function(){
//append()的用法
//$("ul").append("<li title='abc'>hello</li>");
//$("ul").append("<li title='xyz'>world</li>");
//appendTo()的用法
$("<li title='xyz'>hello</li>").appendTo($("ul"));
});
</script>
</head>
<body>
<p title="hello world">您認為圣思園培訓好不好呢?</p>
<ul>
<li title="1">好</li>
<li title="2">很好</li>
<li title="3">非常好</li>
<li title="4">特別好</li>
<li title="5">太好了</li>
<li title="6">好的無法描述了</li>
</ul>
</body>

</html>

在已有的節(jié)點上操作
復制代碼 代碼如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>jquery4</title>
<script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type="text/javascript">
$(function(){
var li1 = $("<li title='abc'>hello</li>");
var li2 = $("<li title='abc'>world</li>");
var li3 = $("<li title='abc'>hello world</li>");
$("ul").append(li1);
$("ul").prepend(li2);
$("ul li:eq(4)").after(li3);

});
</script>
</head>
<body>
<p title="hello world">您認為圣思園培訓好不好呢?</p>
<ul>
<li title="1">好</li>
<li title="2">很好</li>
<li title="3">非常好</li>
<li title="4">特別好</li>
<li title="5">太好了</li>
<li title="6">好的無法描述了</li>
</ul>
</body>
</html>

相關(guān)文章

  • jQuery實現(xiàn)兩列等高并自適應高度

    jQuery實現(xiàn)兩列等高并自適應高度

    想要使用jQuery實現(xiàn)兩列等高并自適應高度,其實也很簡單,原理就是取得左右兩邊的高度,然后判斷這個值,把大的值賦給小的就行了。下面就跟小編一起來看下吧
    2016-12-12
  • JS中批量給元素綁定事件過程中的相關(guān)問題使用閉包解決

    JS中批量給元素綁定事件過程中的相關(guān)問題使用閉包解決

    解決元素批量綁定事件的時候,出現(xiàn)i=最后一個循環(huán)變量的值的方法有兩種:把這個循環(huán)變量保存起來,不要讓它的作用域在整個函數(shù),而是在循環(huán)體內(nèi)
    2013-04-04
  • PHP+MySQL+jQuery隨意拖動層并即時保存拖動位置實例講解

    PHP+MySQL+jQuery隨意拖動層并即時保存拖動位置實例講解

    這篇文章主要介紹了PHP+MySQL+jQuery隨意拖動層并即時保存拖動位置的實現(xiàn)方法,感興趣的小伙伴們可以參考一下
    2015-10-10
  • jQuery 技巧大全(新手入門篇)

    jQuery 技巧大全(新手入門篇)

    jQuery是繼prototype之后的又一個優(yōu)秀的Javascript框架。它是由 John Resig 于 2006 年初創(chuàng)建的,它有助于簡化 JavaScript&#8482; 以及Ajax 編程。
    2009-05-05
  • jQuery使用bind函數(shù)實現(xiàn)綁定多個事件的方法

    jQuery使用bind函數(shù)實現(xiàn)綁定多個事件的方法

    這篇文章主要介紹了jQuery使用bind函數(shù)實現(xiàn)綁定多個事件的方法,結(jié)合簡單實例形式分析了jQuery使用bind函數(shù)進行多個事件綁定的操作技巧與注意事項,需要的朋友可以參考下
    2017-10-10
  • 淺談jQuery中hide和fadeOut的區(qū)別 show和fadeIn的區(qū)別

    淺談jQuery中hide和fadeOut的區(qū)別 show和fadeIn的區(qū)別

    下面小編就為大家?guī)硪黄獪\談jQuery中hide和fadeOut的區(qū)別 show和fadeIn的區(qū)別。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-08-08
  • jQuery 學習第六課 實現(xiàn)一個Ajax的TreeView

    jQuery 學習第六課 實現(xiàn)一個Ajax的TreeView

    TreeView是asp.net自帶的控件,不過自帶的控件在靈活性上有諸多限制。在jQuery的幫助下,自己實現(xiàn)一個TreeView也不困難。本文是前幾篇文章所講內(nèi)容的一個綜合演練。
    2010-05-05
  • jquery.map()方法的使用詳解

    jquery.map()方法的使用詳解

    本文給大家詳細介紹了jQuery中的原型方法map的使用指南和源碼分析,十分的不錯,對于大家學習jQuery非常有幫助,這里推薦給大家。
    2015-07-07
  • jquery插件之easing使用

    jquery插件之easing使用

    很簡單的一個效果插件,但不是經(jīng)常用,怕忘了,以后在用又要去看文檔,所以現(xiàn)在把筆記寫下來,方便以后
    2010-08-08
  • jquery中封裝函數(shù)傳遞當前元素的方法示例

    jquery中封裝函數(shù)傳遞當前元素的方法示例

    這篇文章主要給大家介紹了關(guān)于jquery中封裝函數(shù)傳遞當前元素的方法,文中給出了詳細的示例代碼,對大家具有一定的參考學習價值,需要的朋友們下面來一起看看吧。
    2017-05-05

最新評論