DOM Elements Creator

联合创作 · 2023-10-02 13:59

DOM Elements Creator 是一个简单的插件,用于快速创建 DOM 元素,可以作为 jQuery 语句的一部分使用。

当你想在纯jQuery中创建新的DOM元素时,你必须使用document.createElement()方法,然后新元素必须被$()包裹,然后才能在jQuery上下文中使用。你也可以使用HTML代码作为一个选择器来创建一个新的对象,但这种方式需要写HTML,这很少是舒适的。而且你还必须记住要给任何引号加空格。
这个插件提供了更优雅的方式来实现同样的效果,并且需要写更少的代码。

如何使用它?
只需在导入jQuery库之后导入插件文件,就可以了。

语法。
$.create(element[, attributes[, children]] )

参数。
string element - 要创建的元素的名称
object|array attributes - 要设置的元素属性,你不应该在这里使用事件属性,如onclick,onmouseover等,因为他们不会工作。
string|array children - 子元素(也可以包含文本值)
例子。
JavaScript/jQuery的方法。
var div = document.createElement('div');
$(div).attr('id', 'myId').text('myText').appendTo('#myElem')。
标准的jQuery方法。
$('<div>').attr('id', 'myId').text('myText').appendTo('#myElem')。
或者
$('<div id="myId">myText</div>').appendTo('#myElem')。
插件的方法。
$.create('div', {'id': 'myId'}, 'myText') .appendTo('#myElem')。
不兼容的变化
0.3
插件函数从$.new改名为$.create,以解决Internet Explorer上的问题。

浏览 2
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报