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

jQuery簡單創(chuàng)建節(jié)點的方法

 更新時間：2016年09月09日 08:50:39   作者：onestopweb  
這篇文章主要介紹了jQuery簡單創(chuàng)建節(jié)點的方法,涉及jQuery獲取節(jié)點及append添加元素創(chuàng)建節(jié)點的相關(guān)技巧,需要的朋友可以參考下

本文實例講述了jQuery簡單創(chuàng)建節(jié)點的方法。分享給大家供大家參考，具體如下：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script type="text/javascript" src="js/jquery-1.10.1.min.js"></script>
<script type="text/javascript">
//<![CDATA[
$(function(){
  var $li_1 = $("<li title='香蕉'>香蕉</li>"); //創(chuàng)建一個<li>元素
  //包括元素節(jié)點,文本節(jié)點和屬性節(jié)點
  //其中title='香蕉' 就是創(chuàng)建的屬性節(jié)點
  var $li_2 = $("<li title='雪梨'>雪梨</li>"); //創(chuàng)建一個<li>元素
  //包括元素節(jié)點,文本節(jié)點和屬性節(jié)點
  //其中title='雪梨' 就是創(chuàng)建的屬性節(jié)點
  var $parent = $("ul"); // 獲取<ul>節(jié)點。<li>的父節(jié)點
  $parent.append($li_1); // 添加到<ul>節(jié)點中，使之能在網(wǎng)頁中顯示
  $parent.append($li_2); // 等價于：$parent.append($li_1).append($li_2);
});
//]]>
</script>
</head>
<body>
<p title="選擇你最喜歡的水果." >你最喜歡的水果是?</p>
<ul>
  <li title='蘋果'>蘋果</li>
  <li title='橘子'>橘子</li>
  <li title='菠蘿'>菠蘿</li>
</ul>
</body>
</html>

效果圖如下：

更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《jQuery操作DOM節(jié)點方法總結(jié)》、《jQuery頁面元素操作技巧匯總》、《jQuery常見事件用法與技巧總結(jié)》、《jQuery常用插件及用法總結(jié)》、《jQuery操作json數(shù)據(jù)技巧匯總》、《jQuery擴展技巧總結(jié)》、《jQuery拖拽特效與技巧總結(jié)》、《jQuery表格(table)操作技巧匯總》、《jQuery常見經(jīng)典特效匯總》、《jQuery動畫與特效用法總結(jié)》及《jquery選擇器用法總結(jié)》

希望本文所述對大家jQuery程序設計有所幫助。

相關(guān)文章

  • jQuery fadeOut 異步實例代碼詳解

    jQuery fadeOut 異步實例代碼詳解

    fadeOut() 方法逐漸改變被選元素的不透明度，從可見到隱藏（褪色效果）。這篇文章給大家介紹jquery fadeout異步實例代碼，感興趣的朋友一起看下吧
    2016-08-08
  • jquery-syntax動態(tài)語法著色示例代碼

    jquery-syntax動態(tài)語法著色示例代碼

    語法著色大家對它都不陌生吧，下面為大家介紹的是jquery-syntax動態(tài)語法著色的具體實現(xiàn),需要的朋友可以參考下
    2014-05-05
  • jquery插件實現(xiàn)圖片懸浮

    jquery插件實現(xiàn)圖片懸浮

    這篇文章主要為大家詳細介紹了jquery插件實現(xiàn)圖片懸浮，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2021-04-04
  • jquery實現(xiàn)通用的內(nèi)容漸顯Tab選項卡效果

    jquery實現(xiàn)通用的內(nèi)容漸顯Tab選項卡效果

    這篇文章主要介紹了jquery實現(xiàn)通用的內(nèi)容漸顯Tab選項卡效果,涉及jquery通過時間函數(shù)定時觸發(fā)頁面元素樣式變換的功能,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-09-09
  • jQuery用FormData實現(xiàn)文件上傳的方法

    jQuery用FormData實現(xiàn)文件上傳的方法

    眾所周知文件上傳是Web開發(fā)中的重要話題，最直接和簡單的方式是通過表單直接提交文件。 下面這篇文章小編就來和大家分享jQuery利用FormData實現(xiàn)文件上傳的方法，文中介紹的方法簡單易懂，相信對大家的理解和學習很有幫助，有需要的朋友們下面來一起學習學習吧。
    2016-11-11
  • 對 jQuery 中 data 方法的誤解分析

    對 jQuery 中 data 方法的誤解分析

    一直以來都認為新版本中 data 是調(diào)用 dataset 實現(xiàn)的，對于低版本IE則采用 getAttribute其實一直是我誤解了，也不知道最初這個想法是怎么來的
    2014-06-06
  • jQuery實現(xiàn)自動切換播放的經(jīng)典滑動門效果

    jQuery實現(xiàn)自動切換播放的經(jīng)典滑動門效果

    這篇文章主要介紹了jQuery實現(xiàn)自動切換播放的經(jīng)典滑動門效果,可實現(xiàn)tab自動定時切換的功能,涉及jQuery基于定時函數(shù)動態(tài)操作頁面元素的相關(guān)技巧,需要的朋友可以參考下
    2015-09-09
  • 基于input動態(tài)模糊查詢的實現(xiàn)方法

    基于input動態(tài)模糊查詢的實現(xiàn)方法

    下面小編就為大家分享一篇基于input動態(tài)模糊查詢的實現(xiàn)方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
    2017-12-12
  • jQuery學習2 選擇器的使用說明

    jQuery學習2 選擇器的使用說明

    利用選擇器，選擇要被操作的html中的元素。
    2010-02-02
  • jQuery Validation PlugIn的使用方法詳解

    jQuery Validation PlugIn的使用方法詳解

    這篇文章主要介紹了jQuery Validation PlugIn的使用方法，需要的朋友可以參考下
    2015-12-12

最新評論