【新增】ChildNode 接口的 remove()、replaceWith() 实例方法补丁

【移除】$.fn.sandBox() 由 $.fn.load() 和 DOMParser() 代替
【优化】精简多处代码写法

Author: TechQuery

README.md

@@ -8,7 +8,7 @@
   <img alt='Sponsor' width='888' height='68' src='https://app.codesponsor.io/embed/terHRJgDULkGjswWhddcBSDJ/TechQuery/iQuery.js.svg' />
 </a>
 
-在 API 形态上尽力兼容 jQuery 的同时，iQuery 在内部实现上采取 **“面向未来，向前兼容”的 Polyfill 策略** —— 核心逻辑（4300+ 行）尽力基于 **W3C、ECMA 最新标准中的优秀 API**，老旧浏览器兼容代码（部分基于 jQuery API，1200+ 行）尽力包装成与新 API 相同的形式（原型拓展），并独立为外部模块。这样做不但能复用 jQuery API 来高效实现，还方便开发人员自行裁剪。
+在 API 形态上尽力兼容 jQuery 的同时，iQuery 在内部实现上采取 **“面向未来，向前兼容”的 Polyfill 策略** —— jQuery 标准 API（2500 行）、iQuery 扩展 API（1800 行）尽力基于 **W3C、ECMA 最新标准中的优秀 API**，老旧浏览器兼容代码（部分基于 jQuery API，1200+ 行）尽力包装成与新 API 相同的形式（原型拓展），并独立为外部模块。这样做不但能复用 jQuery API 来高效实现，还方便开发人员自行裁剪。
 
 【注】对 IE 的兼容仅限其“标准模式”，而非“兼容性视图”。
 
@@ -158,6 +158,7 @@
  - 新增 **HTMLHttpRequest 对象**，封装了 **JSONP Get**、 **iframe Post**
  - 自带 `HTMLDocument.prototype.currentScript` 属性
  - 自带 `HTMLDocument.prototype.scrollingElement` 属性
+ - 自带 **ChildNode 接口**的 `remove()`、`replaceWith()` 实例方法
  - 自带 `Element.prototype.textContent` 属性
  - 自带 `Element.prototype.innerHTML` 的 IE 8 补丁
  - 自带 **HTMLCollection 对象**，修复 IE 10- `Element.prototype.children` 属性在其元素有 name 属性时的“数字键值缺失”Bug

build/iQuery.min.js

@@ -181,11 +181,7 @@ <h4 class="name" id=".bitOperate"><span class="type-signature">(static) </span>b
 
     <h5>Example</h5>
 
-    <pre class="prettyprint"><code>// 按位或
-
-    $.bitOperate('|', '10'.repeat(16), '01'.repeat(16))
-
-    // '1'.repeat(32)</code></pre>
+    <pre class="prettyprint"><code>// 按位或    $.bitOperate('|', '10'.repeat(16), '01'.repeat(16))    // '1'.repeat(32)</code></pre>
 
     <h5>Parameters:</h5>
 
@@ -521,11 +517,7 @@ <h4 class="name" id=".extendURL"><span class="type-signature">(static) </span>ex
 
     <h5>Example</h5>
 
-    <pre class="prettyprint"><code>// 多种参数
-
-    $.extendURL('path/to/model?a=0',  'a=1&amp;b=1',  {b: 2, c: 3})
-
-    // 'path/to/model?a=1&amp;b=2&amp;c=3'</code></pre>
+    <pre class="prettyprint"><code>// 多种参数    $.extendURL('path/to/model?a=0',  'a=1&amp;b=1',  {b: 2, c: 3})    // 'path/to/model?a=1&amp;b=2&amp;c=3'</code></pre>
 
     <h5>Parameters:</h5>
 
@@ -701,19 +693,11 @@ <h4 class="name" id=".hyphenCase"><span class="type-signature">(static) </span>h
 
     <h5>Examples</h5>
 
-    <pre class="prettyprint"><code>// 符号间隔
-
-    $.hyphenCase('UPPER_CASE')    // 'upper-case'</code></pre>
-
-    <pre class="prettyprint"><code>// 驼峰法
-
-    $.hyphenCase('camelCase')    // 'camel-case'</code></pre>
-
-    <pre class="prettyprint"><code>// 混杂写法
+    <pre class="prettyprint"><code>// 符号间隔    $.hyphenCase('UPPER_CASE')    // 'upper-case'</code></pre>
 
-    $.hyphenCase('UPPER_CASEMix -camelCase')
+    <pre class="prettyprint"><code>// 驼峰法    $.hyphenCase('camelCase')    // 'camel-case'</code></pre>
 
-    // 'upper-case-mix-camel-case'</code></pre>
+    <pre class="prettyprint"><code>// 混杂写法    $.hyphenCase('UPPER_CASEMix -camelCase')    // 'upper-case-mix-camel-case'</code></pre>
 
     <h5>Parameters:</h5>
 
@@ -1565,17 +1549,11 @@ <h4 class="name" id=".split"><span class="type-signature">(static) </span>split<
 
     <h5>Examples</h5>
 
-    <pre class="prettyprint"><code>// 原型方法等效
+    <pre class="prettyprint"><code>// 原型方法等效    $.split('abc', '')    // ['a', 'b', 'c']</code></pre>
 
-    $.split('abc', '')    // ['a', 'b', 'c']</code></pre>
+    <pre class="prettyprint"><code>// PHP str_split() 等效    $.split('abc', '', 2)    // ['a', 'bc']</code></pre>
 
-    <pre class="prettyprint"><code>// PHP str_split() 等效
-
-    $.split('abc', '', 2)    // ['a', 'bc']</code></pre>
-
-    <pre class="prettyprint"><code>// 连接字符串
-
-    $.split("a  b\tc",  /\s+/,  2,  ' ')    // ['a', 'b c']</code></pre>
+    <pre class="prettyprint"><code>// 连接字符串    $.split("a  b\tc",  /\s+/,  2,  ' ')    // ['a', 'b c']</code></pre>
 
     <h5>Parameters:</h5>
 
@@ -2300,7 +2278,7 @@ <h5>Returns:</h5>
     </dd>
 </dl>
 
-    <h4 class="name" id="insertTo"><span class="type-signature"></span>insertTo<span class="signature">($_Target, Index<span class="signature-attributes">opt</span>)</span><span class="type-signature"> &rarr; {<a href="$.html">$</a>}</span></h4>
+    <h4 class="name" id="insertTo"><span class="type-signature"></span>insertTo<span class="signature">($_Target, index<span class="signature-attributes">opt</span>)</span><span class="type-signature"> &rarr; {<a href="$.html">$</a>}</span></h4>
 
 <dl class="details">
 
@@ -2324,21 +2302,9 @@ <h4 class="name" id="insertTo"><span class="type-signature"></span>insertTo<span
 
     <h5>Examples</h5>
 
-    <pre class="prettyprint"><code>// 插入到最前
-
-    $('&lt;a>insert&lt;/a>').insertTo('body')  &amp;&amp;  (
-        $('body > :first-child')[0].textContent
-    )
-
-    // 'insert'</code></pre>
-
-    <pre class="prettyprint"><code>// 插入到最后
-
-    $('&lt;a>insert&lt;/a>').insertTo('body', Infinity)  &amp;&amp;  (
-        $('body > :last-child')[0].textContent
-    )
+    <pre class="prettyprint"><code>// 插入到最前    $('&lt;a>insert&lt;/a>').insertTo('body')  &amp;&amp;  (        $('body > :first-child')[0].textContent    )    // 'insert'</code></pre>
 
-    // 'insert'</code></pre>
+    <pre class="prettyprint"><code>// 插入到最后    $('&lt;a>insert&lt;/a>').insertTo('body', Infinity)  &amp;&amp;  (        $('body > :last-child')[0].textContent    )    // 'insert'</code></pre>
 
     <h5>Parameters:</h5>
 
@@ -2383,7 +2349,7 @@ <h5>Parameters:</h5>
 
         <tr>
 
-                <td class="name"><code>Index</code></td>
+                <td class="name"><code>index</code></td>
 
             <td class="type">
 

build/iQuery.min.js.map

@@ -52,15 +52,15 @@ <h1 class="page-title">DOM/ext/base.js</h1>
      * @return   {DocumentFragment}
      */
 
-    $.buildFragment = $.buildFragment  ||  function (iNode) {
+    $.buildFragment = $.buildFragment  ||  function (node) {
 
-        iNode = $.makeArray( iNode );
+        node = $.makeArray( node );
 
-        var iFragment = (arguments[1] || document).createDocumentFragment();
+        var fragment = (arguments[1] || document).createDocumentFragment();
 
-        for (var i = 0;  iNode[i];  i++)  iFragment.appendChild( iNode[i] );
+        for (var i = 0;  node[i];  i++)  fragment.appendChild( node[i] );
 
-        return iFragment;
+        return fragment;
     };
 
     /**
@@ -72,7 +72,7 @@ <h1 class="page-title">DOM/ext/base.js</h1>
      * @function insertTo
      *
      * @param {jQueryAcceptable} $_Target
-     * @param {number}           [Index=0] Position index of `$_Target`'s
+     * @param {number}           [index=0] Position index of `$_Target`'s
      *                                     child Elements
      *
      * @return {$}               All the Elements inserted
@@ -94,7 +94,7 @@ <h1 class="page-title">DOM/ext/base.js</h1>
      *     // 'insert'
      */
 
-    $.fn.insertTo = function ($_Target, Index) {
+    $.fn.insertTo = function ($_Target, index) {
 
         var DOM_Set = $.buildFragment(this, document),  $_This = [ ];
 
@@ -104,7 +104,7 @@ <h1 class="page-title">DOM/ext/base.js</h1>
 
             $.merge($_This, DOM_Set.children);
 
-            this.insertBefore(DOM_Set,  this.children[Index || 0]);
+            this.insertBefore(DOM_Set,  this.children[index || 0]);
         });
 
         return  this.pushStack( $_This );

docs/$.html

@@ -31,7 +31,7 @@ <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="$.html">$
         <article><h1>iQuery</h1><p>兼容 <a href="http://api.jquery.com/">jQuery API</a> 的 DOM / AJAX 基础库，基于原创的 ECMA / W3C polyfill 构建，并内置很多常用的 jQuery 扩展 API。</p>
 <p><a href="https://gitter.im/iQuery-js/Lobby?utm_source=badge&amp;utm_medium=badge&amp;utm_campaign=pr-badge&amp;utm_content=badge"><img src="https://badges.gitter.im/iQuery-js/Lobby.svg" alt="Join the chat at https://gitter.im/iQuery-js/Lobby"></a></p>
 <p><a target='_blank' rel='nofollow' href='https://app.codesponsor.io/link/terHRJgDULkGjswWhddcBSDJ/TechQuery/iQuery.js'><br>  <img alt='Sponsor' width='888' height='68' src='https://app.codesponsor.io/embed/terHRJgDULkGjswWhddcBSDJ/TechQuery/iQuery.js.svg' /><br></a></p>
-<p>在 API 形态上尽力兼容 jQuery 的同时，iQuery 在内部实现上采取 <strong>“面向未来，向前兼容”的 Polyfill 策略</strong> —— 核心逻辑（4300+ 行）尽力基于 <strong>W3C、ECMA 最新标准中的优秀 API</strong>，老旧浏览器兼容代码（部分基于 jQuery API，1200+ 行）尽力包装成与新 API 相同的形式（原型拓展），并独立为外部模块。这样做不但能复用 jQuery API 来高效实现，还方便开发人员自行裁剪。</p>
+<p>在 API 形态上尽力兼容 jQuery 的同时，iQuery 在内部实现上采取 <strong>“面向未来，向前兼容”的 Polyfill 策略</strong> —— jQuery 标准 API（2500 行）、iQuery 扩展 API（1800 行）尽力基于 <strong>W3C、ECMA 最新标准中的优秀 API</strong>，老旧浏览器兼容代码（部分基于 jQuery API，1200+ 行）尽力包装成与新 API 相同的形式（原型拓展），并独立为外部模块。这样做不但能复用 jQuery API 来高效实现，还方便开发人员自行裁剪。</p>
 <p>【注】对 IE 的兼容仅限其“标准模式”，而非“兼容性视图”。</p>
 <h2>【竞品比较】</h2><table>
 <thead>
@@ -215,6 +215,7 @@ <h3>ECMA、W3C 标准 API 补丁</h3><ul>
 <li>新增 <strong>HTMLHttpRequest 对象</strong>，封装了 <strong>JSONP Get</strong>、 <strong>iframe Post</strong></li>
 <li>自带 <code>HTMLDocument.prototype.currentScript</code> 属性</li>
 <li>自带 <code>HTMLDocument.prototype.scrollingElement</code> 属性</li>
+<li>自带 <strong>ChildNode 接口</strong>的 <code>remove()</code>、<code>replaceWith()</code> 实例方法</li>
 <li>自带 <code>Element.prototype.textContent</code> 属性</li>
 <li>自带 <code>Element.prototype.innerHTML</code> 的 IE 8 补丁</li>
 <li>自带 <strong>HTMLCollection 对象</strong>，修复 IE 10- <code>Element.prototype.children</code> 属性在其元素有 name 属性时的“数字键值缺失”Bug</li>

docs/DOM_ext_base.js.html

@@ -35,7 +35,7 @@ <h1 class="page-title">index.js</h1>
  * iQuery.js - A Light-weight jQuery Compatible API with IE 8+ compatibility
  *
  * @module    {function} iQuery
- * @version   3.0 (2018-02-01) stable
+ * @version   3.1 (2018-02-08) stable
  *
  * @copyright TechQuery &lt;shiy2008@gmail.com> 2015-2018
  * @license   GPL-2.0-or-later
@@ -45,7 +45,7 @@ <h1 class="page-title">index.js</h1>
 
 define([
     './iQuery',
-    './DOM/insert', './DOM/ext/selection',
+    './DOM/ext/utility', './DOM/ext/selection',
     './CSS/ext/rule', './CSS/ext/utility',
     './event/ext/shim', './event/ext/wrapper',
     './AJAX/ext/wrapper', './AJAX/ext/form',

docs/index.html

@@ -48,7 +48,7 @@ <h1 class="page-title">iQuery</h1>
     </li></ul></dd>
 
     <dt class="tag-version">Version:</dt>
-    <dd class="tag-version"><ul class="dummy"><li>3.0 (2018-02-01) stable</li></ul></dd>
+    <dd class="tag-version"><ul class="dummy"><li>3.1 (2018-02-08) stable</li></ul></dd>
 
     <dt class="tag-copyright">Copyright:</dt>
     <dd class="tag-copyright"><ul class="dummy"><li>TechQuery <shiy2008@gmail.com> 2015-2018</li></ul></dd>