成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

JQuery創建DOM元素方法解析

開發 前端
這里向大家描述一下如何創建DOM元素,通過給$()函數傳遞包含HTML標記的字符串,可以即時創建相應的DOM元素,相信本文介紹一定會讓你有所收獲。

你知道如何創建DOM元素嗎,這里向大家描述一下,到目前為止可以看出,jQuery的作者使得$()函數(你的記憶里它只是jQuery()函數的別名而已)足夠通用以便履行許多職責,從而避免把一堆全局性的名稱引入JavaScript命名空間。

創建DOM元素

到目前為止可以看出,jQuery的作者使得$()函數(你的記憶里它只是jQuery()函數的別名而已)足夠通用以便履行許多職責,從而避免把一堆全局性的名稱引入JavaScript命名空間。好,還有一個職責需要探討。

通過給$()函數傳遞包含HTML標記的字符串,可以即時創建相應的DOM元素。例如,新建段落元素如下所示:

  1. $("<p>Hithere!</p>")  
  2.  

但創建無實體的DOM元素(或元素層次結構)不是那么有用。通常,通過這種調用而創建元素層次結構之后,接著利用jQuery的一個DOM操作函數對其進行操作。

請看代碼清單1-1的示例。

代碼清單1-1即時創建HTML元素

即時創建HTML元素


此代碼在文檔<body>中建立名為followMe的現有HTML段落元素。在<head>節的腳本塊里,建立文檔就緒處理程序,利用如下語句把新建的段落元素插入DOM樹的現有元素之后:
$("<p>Hithere!</p>").insertAfter("#followMe");

結果如圖1-2所示。

動態創建和插入DOM元素


在第2章里將研究整套DOM操作函數,你將看到jQuery提供許多方式去操作DOM,以便獲取我們想要的任何結構。既然你已經了解jQuery的基本語法,下面請看該庫***大的一個特征。
 

【編輯推薦】

  1. JavaScript DOM特性與應用詳解
  2. W3C DOM模型用法詳解
  3. JavaScript獲取HTML DOM節點元素詳解
  4. 深入了解JavaScript HTML DOM對象
  5. 解析HTML DOM Checkbox對象的屬性和方法

 

 

責任編輯:佚名 來源: 51cto.com
相關推薦

2010-09-10 13:06:27

JavaScript

2010-09-28 10:33:59

HTML DOM Ch

2010-06-07 09:11:43

jQuery

2011-03-04 14:58:40

jqueryJSON

2021-04-09 18:01:03

前端ReactDOM

2010-09-13 16:46:29

JavaScriptHTML DOM節點

2010-09-28 10:03:15

DOM文檔對象模型

2021-07-07 08:01:48

CSS DOM解析

2010-09-09 13:55:47

XML DOM

2012-04-23 13:22:35

jQuery插件

2014-05-26 16:29:12

Shadow DomWeb Compone

2010-06-11 10:55:51

UML部署圖

2010-09-15 14:40:07

HTMLposition屬性

2022-02-24 20:25:36

RxJSJQuery前端開發

2010-03-05 10:25:35

Python元組

2010-07-20 16:00:09

Perl模塊

2013-12-02 14:18:33

jQuery對象

2009-06-23 14:17:00

Dom4j

2010-09-15 17:18:28

HTML DOM di

2010-08-30 12:59:47

DIVSPAN
點贊
收藏

51CTO技術棧公眾號

主站蜘蛛池模板: 国产乱肥老妇国产一区二 | 国产亚洲精品久久久久久豆腐 | 九九久久久 | 欧美一区二区久久 | 色片在线观看 | 爱高潮www亚洲精品 中文字幕免费视频 | 欧美日韩亚洲三区 | 国产精品久久久久影院色老大 | 亚洲九九| 日韩欧美大片 | 久久久久久99 | 亚洲欧美高清 | 美女黄色在线观看 | 亚洲免费三级 | 中文字幕在线一区 | 99精品福利视频 | 日韩在线视频一区二区三区 | 青娱乐国产 | 大象视频一区二区 | 羞羞视频网站免费观看 | 国产精品亚洲成在人线 | 欧美日韩国产一区二区三区 | 日本一区二区高清视频 | 亚洲一区二区视频 | 日本综合在线观看 | 免费久久视频 | 99re视频精品 | 国产精品日本一区二区在线播放 | 久久精品这里 | 欧美福利在线 | 91麻豆精品国产91久久久更新资源速度超快 | 国产视频第一页 | 久久精品国产亚洲 | 国产高清精品一区二区三区 | 日韩视频在线免费观看 | 日韩一区二区在线观看 | 精品一级 | 日产久久| 日韩精品无码一区二区三区 | h在线看 | 日韩在线观看视频一区 |