jQuery(html,[ownerDocument])用法介绍
分类:实例代码
标题中的语法结构可以动态创建一个html元素,并规定此元素所属的docment文档。
第二个参数如果省略,那么创建的html元素属于当前文档。
代码实例如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.pipipi.net/" /> <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元素所属的文档,代码实例如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.pipipi.net/" /> <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子页面中添加一个文本框。
一线大厂高级前端编写,前端初中阶面试题,帮助初学者应聘,需要联系微信:javadudu