jQuery(html,[ownerDocument])用法介紹
標題中的語法結構可以動態建立一個html元素,並規定此元素所屬的docment文件。
第二個引數如果省略,那麼建立的html元素屬於當前文件。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> .antzone{ width:200px; height:20px; } </style> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script> $(document).ready(function(){ $("<input class='antzone'/>").appendTo("body") }); </script> </head> <body> </body> </html>
當然我們也可以指定建立的html元素所屬的文件,程式碼例項如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script> $(document).ready(function(){ var iframe=$("iframe")[0]; var doc=iframe.contentWindow.document; $("<input class='cl'/>",doc).appendTo(doc.body) }); </script> </head> <body> <iframe id="iframe"></iframe> </body> </html>
上面的程式碼可以在iframe子頁面中新增一個文字框。
相關文章
- jQuery css()方法用法介紹jQueryCSS
- jQuery的text()、html()和val()函式用法簡單介紹jQueryHTML函式
- jQuery filter() 用法簡單介紹jQueryFilter
- jQuery的triggerHandler()方法用法介紹jQuery
- jQuery Scroll-based Animations的用法介紹jQuery
- jQuery的index()函式用法簡單介紹jQueryIndex函式
- HTML5 autofocus屬性用法簡單介紹HTML
- HTML5 <datalist>標籤用法簡答介紹HTML
- jQuery EasyUI的combobox元件用法相關介紹jQueryUI元件
- jquery.lazyload.js外掛用法簡單介紹jQueryJS
- HTML5 download屬性用法簡單介紹HTML
- jQuery 3教程(一):jQuery介紹jQuery
- css url()用法介紹CSS
- getElementsByClassName()方法用法介紹
- css vm用法介紹CSS
- getCurrentPosition用法介紹
- jQuery UI 1.9介紹jQueryUI
- JavaScript ownerDocumentJavaScript
- HTTP介紹和HTML簡介HTTPHTML
- HTML簡單介紹HTML
- HTML 簡單介紹HTML
- HTML介紹詳述HTML
- HTML5 介紹HTML
- jquery黏貼事件用法簡介jQuery事件
- python BeautifulSoup用法介紹Python
- MySQL 5.7 NOT EXISTS用法介紹MySql
- javascript中加號(+)用法介紹JavaScript
- replaceChild()函式用法介紹函式
- Object.isSealed()用法介紹Object
- require.js用法介紹UIJS
- html中Position屬性值介紹和position屬性四種用法HTML
- html5標籤的data-*屬性用法簡單介紹HTML
- JQuery中html()和val()的用法區別jQueryHTML
- JQuery的介紹與使用jQuery
- html 01前沿-web介紹HTMLWeb
- HTML的介紹與seoHTML
- HTML常用標籤介紹HTML
- HTML5基本介紹HTML