jCreate是一个简单、轻量级的jQuery插件，可用于在创建新元素时触发事件处理程序。

例如，当要将新数据插入到网页的DOM中时，可能需要运行一个函数。

如何使用它:

1.下载包并在jQuery之后插入jCreate插件。

<script src="/path/to/cdn/jquery.slim.min.js"></script>
<script src="/path/to/dist/jquery.jcreate.umd.js"></script>

2.这个例子展示了如何使用jCreate插件在创建元素时为其应用背景色。

<div id="example">
  
</div>

// Insert an element to the container
$('#example').append('<div>This is a new element</div>');

// fire a Create event
$('#example').on('create', '> div', function( event ) {
  event.$currentTarget.css('backgroundColor', '#000');
});

3.可用的活动道具。

$('#example').on('create', '> div', function( event ) {

  // create
  event.type

  // current DOM element
  event.currentTarget

  // current DOM element as jQuery object
  event.$currentTarget

  // jQuery element where the currently-called jQuery event handler was attached
  event.delegateTarget

  // the difference in milliseconds between the time the browser created the event and January 1, 1970
  event.timeStamp
  
});

4.按关键字筛选数据。

<div data-component-name="example-name">
  
</div>

$(document).on('create', 'div', function(event) {
  // {name:"example-name"}
  event.options('component')
});

预览截图

创建元素时触发事件 jQuery jCreate