jQuery的其他常用知识点_jQuery

上一篇: iframe高度自适应下一篇:jquery的自动播放选项卡
jQuery的其他常用知识点

发布时间：2019-05-23 发布网站：脚本宝典
脚本宝典收集整理的这篇文章主要介绍了jQuery的其他常用知识点，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。
选择器

:visible 和 :hidden 匹配显示和隐藏的元素（css-display），需要指明元素或类，因为head、script等元素也是不可见的。
:aniMATE  处于动画的元素
tr:nth-child(even) tr:nth-child(2n) 偶数行，odd 奇数行 3n 隔两行。（tr:even tr:odd)
tr:nth-child(1)、tr:First、tr:first-child、$("tr").first()    、$("tr").eq(0)    拿到一样的
tr:only-child    只有一个子元素的
tr:gt(i)    拿到i之后的
tr:lt(i)    拿到i之前的
tr:not(".classname")        获取不含指定类的
input:not(:checkbox)  非复选框的input元素
tr:contains(text)    获取包含给定文本的
tr:empty    获取无子元素或文本的空元素
tr:has(selector)    获取有匹配子选择器的元素
tr:parent    获取含有子元素或者文本的元素
tr:hidden    获取所有不可见元素    （通过.show()展示）
tr:visible    获取所有的可见元素    （通过.hide()隐藏）
tr[attribute=value]    属性选择器    *=    ^=    $=    !=
li:has(a)  包含a的li
针对表单元素的一些特殊选择器


      
      
      PE="button" class="copyCode code-tool" data-toggle="tooltip" data-placement="top" data-clipboard-text=":input 匹配的是 ，，<select>，<button>
:button 匹配 input[type=button|reset|s<a href="http://www.js-code.com/tag/ub/" target="_blank" class="keywords">ub</a>m<a href="http://www.js-code.com/tag/IT/" target="_blank" class="keywords">IT</a>]和button
:file  即 input[type=file]，同理还有 :checkbox，:radio
:checked 勾上的单复选框
:disabled 和 :enabled 能和不能点击或输入的表单元素
:focus 匹配当前<a href="http://www.js-code.com/tag/jiaodian/" target="_blank" class="keywords">焦点</a>元素
:checkbox:checked:disabled 匹配的是不能点击的已选中的复选框" title="" data-ori<a href="http://www.js-code.com/tag/gin/" target="_blank" class="keywords">gin</a>al-title="复制"></span>
      </div>
      </div><pre class="hljs css"><code><span class="hljs-selector-pseudo">:input</span> 匹配的是 <<span class="hljs-selector-tag">input</span>>，<<span class="hljs-selector-tag">textarea</span>>，<<span class="hljs-selector-tag">select</span>>，<<span class="hljs-selector-tag">button</span>>
<span class="hljs-selector-pseudo">:button</span> 匹配 <span class="hljs-selector-tag">input</span><span class="hljs-selector-attr">[type=button|reset|submit]</span>和<span class="hljs-selector-tag">button</span>
<span class="hljs-selector-pseudo">:file</span>  即 <span class="hljs-selector-tag">input</span><span class="hljs-selector-attr">[type=file]</span>，同理还有 <span class="hljs-selector-pseudo">:checkbox</span>，<span class="hljs-selector-pseudo">:radio</span>
<span class="hljs-selector-pseudo">:checked</span> 勾上的单复选框
<span class="hljs-selector-pseudo">:disabled</span> 和 <span class="hljs-selector-pseudo">:enabled</span> 能和不能点击或输入的表单元素
<span class="hljs-selector-pseudo">:focus</span> 匹配当前焦点元素
<span class="hljs-selector-pseudo">:checkbox</span><span class="hljs-selector-pseudo">:checked</span><span class="hljs-selector-pseudo">:disabled</span> 匹配的是不能点击的已选中的复选框</code></pre>
<h2 id="articleHeader1"><a href="http://www.js-code.com/tag/api" title="API" target="_blank">API</a></h2>
<h4><a href="http://www.js-code.com/tag/PR/" target="_blank" class="keywords">PR</a>op() 和 <a href="http://www.js-code.com/tag/attr/" target="_blank" class="keywords">attr()</a></h4>
<div class="widget-codetool" style="display:none;">
      <div class="widget-codetool--inner">
      <span class="selectCode code-tool" data-toggle="tooltip" data-placement="top" title="" data-original-title="全选"></span>
      <span type="button" class="copyCode code-tool" data-toggle="tooltip" data-placement="top" data-clipboard-text="prop() 方法用来改变影响DOM元素的动态状态，而不是改变HTML属性。比如： disabled、checked" title="" data-original-title="复制"></span>
      </div>
      </div><pre class="hljs cs"><code style="word-break: break-word; white-space: initial;">prop() 方法用来<a href="http://www.js-code.com/tag/gaibian/" target="_blank" class="keywords">改变</a>影响DOM元素的动态状态，而不是改变HT<a href="http://www.js-code.com/tag/ML/" target="_blank" class="keywords">ML</a>属性。比如： disabled、<span class="hljs-keyword">checked</span></code></pre>
<h4>clone()</h4>
<div class="widget-codetool" style="display:none;">
      <div class="widget-codetool--inner">
      <span class="selectCode code-tool" data-toggle="tooltip" data-placement="top" title="" data-original-title="全选"></span>
      <span type="button" class="copyCode code-tool" data-toggle="tooltip" data-placement="top" data-clipboard-text="参数是布尔值，代表是否复制事件，默认false。
$('.item').on('click', function(){});
$('.item').clone(true).appendTo('.list'); // 克隆 .item（包括事件）并添加到 .list" title="" data-original-title="复制"></span>
      </div>
      </div>@H_193_<a href="http://www.js-code.com/tag/126/" target="_blank" class="keywords">126</a>@<code>参数是布尔值，代表<a href="http://www.js-code.com/tag/shifou/" target="_blank" class="keywords">是否</a>复制事件，默认<span class="hljs-literal">false</span>。
$(<span class="hljs-string">'.item'</span>).on(<span class="hljs-string">'click'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>)</span>{});
$(<span class="hljs-string">'.item'</span>).clone(<span class="hljs-literal">true</span>).appendTo(<span class="hljs-string">'.list'</span>); <span class="hljs-comment">// 克隆 .item（包括事件）并添加到 .list</span></code></pre>
<h4>val()</h4>
<div class="widget-codetool" style="display:none;">
      <div class="widget-codetool--inner">
      <span class="selectCode code-tool" data-toggle="tooltip" data-placement="top" title="" data-original-title="全选"></span>
      <span type="button" class="copyCode code-tool" data-toggle="tooltip" data-placement="top" data-clipboard-text="设置或者返回表单元素（input、select、textarea）的值" title="" data-original-title="复制"></span>
      </div>
      </div><pre class="hljs lua"><code style="word-break: break-word; white-space: initial;">设置或者返回表单元素（<span class="hljs-built_in">input</span>、<span class="hljs-built_in">select</span>、textarea）的值</code></pre>
<h4>replaceWith() 和 replaceAll()</h4>
<div class="widget-codetool" style="display:none;">
      <div class="widget-codetool--inner">
      <span class="selectCode code-tool" data-toggle="tooltip" data-placement="top" title="" data-original-title="全选"></span>
      <span type="button" class="copyCode code-tool" data-toggle="tooltip" data-placement="top" data-clipboard-text="<div id="app">hello <a href="http://www.js-code.com/tag/jq/" target="_blank" class="keywords">jq</a>uery world.</div>

<a href="http://www.js-code.com/tag/VAR/" target="_blank" class="keywords">VAR</a> $e = $("<a href="http://www.js-code.com/tag/div" title="div" target="_blank">div</a>").replaceWith("<p>你好，jquery</p>");
返回的是 div<a href="http://www.js-code.com/tag/" target="_blank" class="keywords">#</a>app 的 <a href="http://www.js-code.com/tag/jquery" title="jQuery" target="_blank">jQuery</a> 对象，但已从 dom 树中移除，页面呈现的是p。

而 $("<p>你好，jquery</p>").replaceAll("#app") 返回的是 p 的<a href="http://www.js-code.com/tag/jqueryduixiang/" target="_blank" class="keywords">jquery对象</a>。" title="" data-original-title="复制"></span>
      </div>
      </div><pre class="hljs php"><code><div id=<span class="hljs-string">"app"</span>>hello jquery world.</div>

<span class="hljs-keyword">var</span> $e = $(<span class="hljs-string">"div"</span>).replaceWith(<span class="hljs-string">"<p>你好，jquery</p>"</span>);
返回的是 div<span class="hljs-comment">#app 的 jQuery 对象，但已从 dom 树中移除，页面呈现的是p。</span>

而 $(<span class="hljs-string">"<p>你好，jquery</p>"</span>).replaceAll(<span class="hljs-string">"#app"</span>) 返回的是 p 的jQuery对象。</code></pre>
<h4>width() 和 h<a href="http://www.js-code.com/tag/ei/" target="_blank" class="keywords">ei</a>ght()</h4>
<div class="widget-codetool" style="display:none;">
      <div class="widget-codetool--inner">
      <span class="selectCode code-tool" data-toggle="tooltip" data-placement="top" title="" data-original-title="全选"></span>
      <span type="button" class="copyCode code-tool" data-toggle="tooltip" data-placement="top" data-clipboard-text="设置或者获取匹配元素的宽度和高度值，返回的是number（不带单位），而$(selector).css('width')返回的是string（带有单位）" title="" data-original-title="复制"></span>
      </div>
      </div><pre class="hljs typescript"><code style="word-break: break-word; white-space: initial;">设置或者获取匹配元素的<a href="http://www.js-code.com/tag/kuan/" target="_blank" class="keywords">宽</a>度和高度值，返回的是<span class="hljs-built_in">number</span>（不带单位），而$(selector).css(<span class="hljs-string">'width'</span>)返回的是<span class="hljs-built_in">string</span>（带有单位）</code></pre>
<h4>offset()</h4>
<div class="widget-codetool" style="display:none;">
      <div class="widget-codetool--inner">
      <span class="selectCode code-tool" data-toggle="tooltip" data-placement="top" title="" data-original-title="全选"></span>
      <span type="button" class="copyCode code-tool" data-toggle="tooltip" data-placement="top" data-clipboard-text="获取匹配的第一个元素相对于 document 的位置
返回：{left: Number, top: Number}
设置：如果元素没有定位（即 position: static），将会修改为 relative
注意：jQuery不支持获取隐藏元素的偏移坐标。同样的，也无法取得隐藏元素的 border, margin, 或 padding 信息。
若元素的属性设置的是 visibility:hidden，那么我们依然可以取得它的坐标。但是若设置的属性是 display:none，由于在绘制 DOM 树时根本就不绘制该元素，所以它的位置属性值是 undefined。" title="" data-original-title="复制"></span>
      </div>
      </div><pre class="hljs groovy"><code>获取匹配的第一个元素相对于 document 的位置
返回：{<span class="hljs-string">left:</span> Number, <span class="hljs-string">top:</span> Number}
设置：如果元素没有定位（即 <span class="hljs-string">position:</span> <span class="hljs-keyword"><a href="http://www.js-code.com/tag/stat/" target="_blank" class="keywords">stat</a>ic</span>），将会修<a href="http://www.js-code.com/tag/gaiwei/" target="_blank" class="keywords">改为</a> relative
注意：jQuery不支持获取隐藏元素的偏移坐标。同样的，也无法取得隐藏元素的 border, m<a href="http://www.js-code.com/tag/arg/" target="_blank" class="keywords">arg</a>in, 或 padding 信息。
若元素的属性设置的是 <span class="hljs-string">visibility:</span>hidden，那么我们依然可以取得它的坐标。但是若设置的属性是 <span class="hljs-string">display:</span>none，由于在<a href="http://www.js-code.com/tag/huizhi/" target="_blank" class="keywords">绘制</a> DOM 树时根本就不绘制该元素，所以它的位置属性值是 un<a href="http://www.js-code.com/tag/define/" target="_blank" class="keywords">define</a>d。</code></pre>
<h4>position()</h4>
<div class="widget-codetool" style="display:none;">
      <div class="widget-codetool--inner">
      <span class="selectCode code-tool" data-toggle="tooltip" data-placement="top" title="" data-original-title="全选"></span>
      <span type="button" class="copyCode code-tool" data-toggle="tooltip" data-placement="top" data-clipboard-text="获取匹配的第一个元素相对于其最近的具有定位（即position不是static）的父元素的位置
返回 {left: Number, top: Number}
不能设置。
注意：jQuery不支持获取隐藏元素的偏移坐标及所占用的边框，边距和填充的大小" title="" data-original-title="复制"></span>
      </div>
      </div><pre class="hljs css"><code>获取匹配的第一个元素相对于其最近的具有定位（即<span class="hljs-selector-tag">position</span>不是<span class="hljs-selector-tag">static</span>）的父元素的位置
返回 {<span class="hljs-attribute">left</span>: Number, top: Number}
不能设置。
注意：<span class="hljs-selector-tag">jQuery</span>不支持获取隐藏元素的偏移坐标及所占用的边框，<a href="http://www.js-code.com/tag/bianju/" target="_blank" class="keywords">边距</a>和填充的大小</code></pre>
<h4>scrollLeft() 和 scrollTop()</h4>
<div class="widget-codetool" style="display:none;">
      <div class="widget-codetool--inner">
      <span class="selectCode code-tool" data-toggle="tooltip" data-placement="top" title="" data-original-title="全选"></span>
      <span type="button" class="copyCode code-tool" data-toggle="tooltip" data-placement="top" data-clipboard-text="获取或者设置匹配的第一个元素水平和垂直方向的位置，数值类型

垂直滚动条位置 是可滚动区域 在 可视区域上方的 被隐藏区域的高度。
如果滚动条在最上方没有滚动 或者 当前元素没有出现滚动条，那么这个距离为0

回顶部代码 $('html,body').scrollTop(0);兼容IE 和 Chrome，瞬间回到顶部。" title="" data-original-title="复制"></span>
      </div>
      </div><pre class="hljs typescript"><code>获取或者设置匹配的第一个元素水平和垂直<a href="http://www.js-code.com/tag/fangxiang/" target="_blank" class="keywords">方向</a>的位置，数值类型

垂直滚动条位置 是可滚动区域 在 可视区域上方的 被隐藏区域的高度。
如果滚动条在最上方没有滚动 或者 当前元素没有出现滚动条，那么这个<a href="http://www.js-code.com/tag/juli/" target="_blank" class="keywords">距离</a>为<span class="hljs-number">0</span>

回顶部代码 $(<span class="hljs-string">'html,body'</span>).scrollTop(<span class="hljs-number">0</span>);兼容IE 和 Ch<a href="http://www.js-code.com/tag/rom/" target="_blank" class="keywords">rom</a>e，瞬间回到顶部。</code></pre>
<h2 id="articleHeader2">事件</h2>
<h4>标准事件类型</h4>
<ul>
<li>click mouseup mousedown <a href="http://www.js-code.com/tag/" target="_blank" class="keywords">..</a>.</li>
<li>key<a href="http://www.js-code.com/tag/Press/" target="_blank" class="keywords">Press</a> ...</li>
<li>dblclick mousewheel</li>
<li>change 用在 input select 元素上</li>
<li>$(window).resize <a href="http://www.js-code.com/tag/diaozheng/" target="_blank" class="keywords">调整</a>浏览器窗口大小时触发的事件</li>
</ul>
<h4><a href="http://www.js-code.com/tag/shijianbangding/" target="_blank" class="keywords">事件绑定</a> bind()、delegate() 和 on()</h4>
<div class="widget-codetool" style="display:none;">
      <div class="widget-codetool--inner">
      <span class="selectCode code-tool" data-toggle="tooltip" data-placement="top" title="" data-original-title="全选"></span>
      <span type="button" class="copyCode code-tool" data-toggle="tooltip" data-placement="top" data-clipboard-text="bind()在1.7以后被on()取代，绑定多个事件：$(selector).on('dblclick contextment', function(){}); on()也兼容zepto。但是这两种方法的缺点是要绑定的元素必须存在文档中。语法： $(selector).on('events'[, 'selector'][, data], handler); 其中第一个参数可以是标准事件名，也可以是自定义事件（通过trigger触发），第二和第三个参数可以省略，第二个参数为匹配元素的后代元素，第三个参数为传递给处理函数的数据，即在函数中通过 event.data 来接收。
delegate() 支持对动态创建的元素有效。语法：$('div').delegate('p', 'mousemove', function(){}); 为div下面的p（包括未来产生的）绑定mousemove事件。" title="" data-original-title="复制"></span>
      </div>
      </div><pre class="hljs javascript"><code>bind()在<span class="hljs-number">1.7</span>以后被on()取代，绑定多个事件：$(selector).on(<span class="hljs-string">'dblclick contextment'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>)</span>{}); on()也兼容zepto。但是这两种方法的缺点是要绑定的元素必须存在文档中。语法： $(selector).on(<span class="hljs-string">'events'</span>[, <span class="hljs-string">'selector'</span>][, data], handler); 其中第一个参数可以是标准事件名，也可以是自定义事件（通过trigger触发），第二和第三个参数可以省略，第二个参数为匹配元素的后代元素，第三个参数为传递给处理函数的数据，即在函数中通过 event.data 来接收。
delegate() 支持对动态创建的元素有效。语法：$(<span class="hljs-string">'div'</span>).delegate(<span class="hljs-string">'p'</span>, <span class="hljs-string">'mou<a href="http://www.js-code.com/tag/SEM/" target="_blank" class="keywords">SEM</a>ove'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>)</span>{}); 为div下面的p（包括未来产生的）绑定mousemove事件。</code></pre>
<h4>事件解绑 unbind()、undelegate() 和 off()</h4>
<div class="widget-codetool" style="display:none;">
      <div class="widget-codetool--inner">
      <span class="selectCode code-tool" data-toggle="tooltip" data-placement="top" title="" data-original-title="全选"></span>
      <span type="button" class="copyCode code-tool" data-toggle="tooltip" data-placement="top" data-clipboard-text="不传参数就解绑匹配元素的所有事件，否则就解绑指定参数的事件。
$(selector).off('click', '**'); 解绑所有代理的click事件，而元素本身的事件不会被解绑。" title="" data-original-title="复制"></span>
      </div>
      </div><pre class="hljs typescript"><code>不传参数就解绑匹配元素的所有事件，否则就解绑指定参数的事件。
$(selector).off(<span class="hljs-string">'click'</span>, <span class="hljs-string">'**'</span>); 解绑所有代理的click事件，而元素本身的事件不会被解绑。</code></pre>
<h4>事件触发 trigger() 和 triggerHandler()</h4>
<div class="widget-codetool" style="display:none;">
      <div class="widget-codetool--inner">
      <span class="selectCode code-tool" data-toggle="tooltip" data-placement="top" title="" data-original-title="全选"></span>
      <span type="button" class="copyCode code-tool" data-toggle="tooltip" data-placement="top" data-clipboard-text="简单触发：$(selector).click();
trigger()触发事件，触发浏览器行为。$(selector).trigger("click");
triggerHandler()触发事件响应方法，不触发浏览器行为。$(selector).triggerHandler("focus");" title="" data-original-title="复制"></span>
      </div>
      </div><pre class="hljs typescript"><code><a href="http://www.js-code.com/tag/jiandan/" target="_blank" class="keywords">简单</a>触发：$(selector).click();
trigger()触发事件，触发浏览器行为。$(selector).trigger(<span class="hljs-string">"click"</span>);
triggerHandler()触发事件响应方法，不触发浏览器行为。$(selector).triggerHandler(<span class="hljs-string">"focus"</span>);</code></pre>
<h4>事件对象event</h4>
<div class="widget-codetool" style="display:none;">
      <div class="widget-codetool--inner">
      <span class="selectCode code-tool" data-toggle="tooltip" data-placement="top" title="" data-original-title="全选"></span>
      <span type="button" class="copyCode code-tool" data-toggle="tooltip" data-placement="top" data-clipboard-text="event.data 传递给事件处理程序的额外数据
event.currentTarget 等同于this，指当前DOM对象
event.target 触发事件源，不一定是等同this（通常在事件委托中出现）
event.type 事件类型
event.which 鼠标的按键类型：左1 中2 右3 或者键盘码
event.keyCode 键盘码
event.pageX 鼠标相对于文档左部边缘的位置" title="" data-original-title="复制"></span>
      </div>
      </div><pre class="hljs cs"><code><span class="hljs-keyword">event</span>.data 传递给<a href="http://www.js-code.com/tag/shijianchuli/" target="_blank" class="keywords">事件处理</a>程序的额外数据
<span class="hljs-keyword">event</span>.<a href="http://www.js-code.com/tag/current/" target="_blank" class="keywords">current</a>Target 等同于<span class="hljs-keyword">this</span>，指当前DOM对象
<span class="hljs-keyword">event</span>.target&nbs<a href="http://www.js-code.com/tag/p/" target="_blank" class="keywords">p;</a>触发事件<a href="http://www.js-code.com/tag/yuan/" target="_blank" class="keywords">源</a>，不一定是等同<span class="hljs-keyword">this</span>（通常在事件委托中出现）
<span class="hljs-keyword">event</span>.type 事件类型
<span class="hljs-keyword">event</span>.<a href="http://www.js-code.com/tag/which/" target="_blank" class="keywords">which</a> 鼠标的按键类型：左<span class="hljs-number">1</span> 中<span class="hljs-number">2</span> 右<span class="hljs-number">3</span> 或者键盘码
<span class="hljs-keyword">event</span>.keyCode 键盘码
<span class="hljs-keyword">event</span>.pageX 鼠标相对于文档左部边缘的位置</code></pre>
<h2 id="articleHeader3">动画</h2>
<p>通常第一个参数为速度（fase、normal、slow、ms），第二个参数为一个函数，动画完成后执行。</p>
<ul>
<li>show() 和 hide() 实现显示和隐藏，可同时改变 width、height、opacity。toggle() 切换状态。</li>
<li>fadeIn() 和 fadeOut() 淡入淡出，仅改变 opacity</li>
<li>fadeTo() 按指定透明度进行渐进式调整</li>
<li>slideUp() 和 slideDown() 卷窗帘效果，仅改变 height。slideToggle() 切换状态。</li>
<li>animate() 自定义动画</li>
</ul>
<p>动画的停止与延时 stop()、delay()</p>
<h2 id="articleHeader4"><a href="http://www.js-code.com/tag/ajax" title="AJAX" target="_blank">AJAX</a></h2>
<div class="widget-codetool" style="display:none;">
      <div class="widget-codetool--inner">
      <span class="selectCode code-tool" data-toggle="tooltip" data-placement="top" title="" data-original-title="全选"></span>
      <span type="button" class="copyCode code-tool" data-toggle="tooltip" data-placement="top" data-clipboard-text="$.ajax({
    beforeSend(){} // 发送请求之前调用的匿名函数，如果 return false; 就代表阻止该次请求，可以用于验证用户输入的数据
})" title="" data-original-title="复制"></span>
      </div>
      </div><pre class="hljs typescript"><code>$.ajax({
    beforeSend(){} <span class="hljs-comment">// 发送请求之前调用的<a href="http://www.js-code.com/tag/niminghanshu/" target="_blank" class="keywords">匿名函数</a>，如果 return false; 就代表阻止该次请求，可以用于验证用户输入的数据</span>
})</code></pre>
<h2 id="articleHeader5">链式编程</h2>
<div class="widget-codetool" style="display:none;">
      <div class="widget-codetool--inner">
      <span class="selectCode code-tool" data-toggle="tooltip" data-placement="top" title="" data-original-title="全选"></span>
      <span type="button" class="copyCode code-tool" data-toggle="tooltip" data-placement="top" data-clipboard-text="原理： return this;
通常只有设置操作才可以链式操作，获取操作时返回相应的值，无法返回this。
end() 结束当前链最近的一次过滤操作，并且返回匹配元素之前的状态。" title="" data-original-title="复制"></span>
      </div>
      </div><pre class="hljs kotlin"><code>原理： <span class="hljs-keyword">return</span> <span class="hljs-keyword">this</span>;
通常只有设置操作才可以<a href="http://www.js-code.com/tag/lianshicaozuo/" target="_blank" class="keywords">链式操作</a>，获取操作时返回相应的值，无法返回<span class="hljs-keyword">this</span>。
end() 结束当前链最近的一次过滤操作，并且返回匹配元素之前的状态。</code></pre>
<h2 id="articleHeader6">多库共存</h2>
<div class="widget-codetool" style="display:none;">
      <div class="widget-codetool--inner">
      <span class="selectCode code-tool" data-toggle="tooltip" data-placement="top" title="" data-original-title="全选"></span>
      <span type="button" class="copyCode code-tool" data-toggle="tooltip" data-placement="top" data-clipboard-text="jQuery占用了$ 和jQuery这两个变量，如果同一个页面引用了jQuery库，还引用了其他库或者其他版本的jQuery也用的了$或jQuery这个变量，为了保证每个库都能<a href="http://www.js-code.com/tag/zhengchang/" target="_blank" class="keywords">正常</a>使用，就需要让jQuery交出变量的控制权。
$.noConflict(); 交出$
$.noConflict(true); 交出$ 和 jQuery

<script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script>
    // 查看版本
    console.<a href="http://www.js-code.com/tag/LOG/" target="_blank" class="keywords">LOG</a>($.fn.jquery); // 3.2.1
    console.log(jQuery.fn.jquery); // 3.2.1
</script>

<script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script>
    $.noConflict();
    console.log($.fn.jquery); // 2.2.4
    console.log(jQuery.fn.jquery); // 3.2.1
</script>

<script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script>
    $.noConflict(true);
    console.log($.fn.jquery); // 2.2.4
    console.log(jQuery.fn.jquery); // 2.2.4
</script>" title="" data-original-title="复制"></span>
      </div>
      </div><pre class="hljs xml"><code>jQuery占用了$ 和jQuery这两个变量，如果同一个页面引用了jQuery库，还引用了其他库或者其他版本的jQuery也用的了$或jQuery这个变量，为了保证每个库都能正常使用，就需要让jQuery交出变量的控制权。
$.noConflict(); 交出$
$.noConflict(true); 交出$ 和 jQuery

<span class="hljs-tag"><<span class="hljs-name">script</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"https://cdn.bootcss<a href="http://www.js-code.com/tag/COM/" target="_blank" class="keywords">.COM</a>/jquery/2.2.4/jquery.min.js"</span>></span><span class="undefined"></span><span class="hljs-tag"></<span class="hljs-name">script</span>></span>
<span class="hljs-tag"><<span class="hljs-name">script</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"</span>></span><span class="undefined"></span><span class="hljs-tag"></<span class="hljs-name">script</span>></span>
<span class="hljs-tag"><<span class="hljs-name">script</span>></span><span class="javascript">
    <span class="hljs-comment">// 查看版本</span>
    <span class="hljs-built_in">console</span>.log($.fn.jquery); <span class="hljs-comment">// 3.2.1</span>
    <span class="hljs-built_in">console</span>.log(jQuery.fn.jquery); <span class="hljs-comment">// 3.2.1</span>
</span><span class="hljs-tag"></<span class="hljs-name">script</span>></span>

<span class="hljs-tag"><<span class="hljs-name">script</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"</span>></span><span class="undefined"></span><span class="hljs-tag"></<span class="hljs-name">script</span>></span>
<span class="hljs-tag"><<span class="hljs-name">script</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"</span>></span><span class="undefined"></span><span class="hljs-tag"></<span class="hljs-name">script</span>></span>
<span class="hljs-tag"><<span class="hljs-name">script</span>></span><span class="javascript">
    $.noConflict();
    <span class="hljs-built_in">console</span>.log($.fn.jquery); <span class="hljs-comment">// 2.2.4</span>
    <span class="hljs-built_in">console</span>.log(jQuery.fn.jquery); <span class="hljs-comment">// 3.2.1</span>
</span><span class="hljs-tag"></<span class="hljs-name">script</span>></span>

<span class="hljs-tag"><<span class="hljs-name">script</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"</span>></span><span class="undefined"></span><span class="hljs-tag"></<span class="hljs-name">script</span>></span>
<span class="hljs-tag"><<span class="hljs-name">script</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"</span>></span><span class="undefined"></span><span class="hljs-tag"></<span class="hljs-name">script</span>></span>
<span class="hljs-tag"><<span class="hljs-name">script</span>></span><span class="javascript">
    $.noConflict(<span class="hljs-literal">true</span>);
    <span class="hljs-built_in">console</span>.log($.fn.jquery); <span class="hljs-comment">// 2.2.4</span>
    <span class="hljs-built_in">console</span>.log(jQuery.fn.jquery); <span class="hljs-comment">// 2.2.4</span>
</span><span class="hljs-tag"></<span class="hljs-name">script</span>></span></code></pre></code><h2>脚本宝典总结</h2>
       <p>以上是<a href="http://www.js-code.com" title="http://www.js-code.com">脚本宝典</a>为你收集整理的<a href="http://www.js-code.com/jquery/jquery_31972.html" class="article_link" target="_blank">jQuery的其他常用知识点</a>全部内容，希望文章能够帮你解决<a href="http://www.js-code.com/jquery/jquery_31972.html" class="article_link" target="_blank">jQuery的其他常用知识点</a>所遇到的问题。</p>
		<p>如果觉得<a href="http://www.js-code.com" title="http://www.js-code.com">脚本宝典</a>网站内容还不错，欢迎将<a href="http://www.js-code.com" title="http://www.js-code.com">脚本宝典</a>推荐好友。</p>
		<blockquote>本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。<br>如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。</blockquote>

				
			</div>
			<div class="tags text-center clearfix center-block">标签：<a href="http://www.js-code.com/tag/jquery/" class="tag_link" target="_blank">jQuery</a><a href="http://www.js-code.com/tag/jQuery/" class="tag_link" target="_blank">jQuery</a><a href="http://www.js-code.com/tag/post,format,gallery/" class="tag_link" target="_blank">post-format-gallery</a></div>
	</div>
	<div class="panel panel-default">
		 <ul class="list-group">
			<li class="list-group-item"><a href="http://www.js-code.com/jquery/jquery_31971.html" class="prev" target="_self">
			   上一篇: iframe高度自适应</a><a href="http://www.js-code.com/jquery/jquery_31973.html" class="text-muted pull-right" target="_self">
				下一篇:jquery的自动播放选项卡</a></li>
		</ul>
	</div>
    
    <div class="panel panel-default">
       
	</div>
    

	<div class="panel panel-default">
		<div class="panel-heading font-weight-bold">猜你在找的jQuery相关文章</div>
		 <ul class="list-group"><li class="list-group-item">
						<a href="http://www.js-code.com/jquery/jquery_40252.html" title="快速学习nodejs系列：十四、express框架介绍">快速学习nodejs系列：十四、express框架介绍</a>
						<span class="text-muted pull-right">2019-06-05</span>
			</li><li class="list-group-item">
						<a href="http://www.js-code.com/jquery/jquery_31614.html" title="jQuery--1">jQuery--1</a>
						<span class="text-muted pull-right">2019-05-26</span>
			</li><li class="list-group-item">
						<a href="http://www.js-code.com/jquery/jquery_31613.html" title="JQuery填坑系列（一）：JQuery对象与DOM对象innerHTML属性">JQuery填坑系列（一）：JQuery对象与DOM对象innerHTML属性</a>
						<span class="text-muted pull-right">2019-05-22</span>
			</li><li class="list-group-item">
						<a href="http://www.js-code.com/jquery/jquery_31612.html" title="JQuery之ContextMenu(右键菜单)(转载--用了插件)">JQuery之ContextMenu(右键菜单)(转载--用了插件)</a>
						<span class="text-muted pull-right">2019-05-28</span>
			</li><li class="list-group-item">
						<a href="http://www.js-code.com/jquery/jquery_31610.html" title="jQuery 1.11 / 2.1 beta 版发布">jQuery 1.11 / 2.1 beta 版发布</a>
						<span class="text-muted pull-right">2019-05-27</span>
			</li><li class="list-group-item">
						<a href="http://www.js-code.com/jquery/jquery_31609.html" title="一张图告诉你，只会jQuery还不够！！！！！">一张图告诉你，只会jQuery还不够！！！！！</a>
						<span class="text-muted pull-right">2019-05-23</span>
			</li><li class="list-group-item">
						<a href="http://www.js-code.com/jquery/jquery_31608.html" title="jQuery选择器的的优点">jQuery选择器的的优点</a>
						<span class="text-muted pull-right">2019-05-21</span>
			</li><li class="list-group-item">
						<a href="http://www.js-code.com/jquery/jquery_31607.html" title="【Jquery对象】jquery与dom对象的区别">【Jquery对象】jquery与dom对象的区别</a>
						<span class="text-muted pull-right">2019-05-27</span>
			</li><li class="list-group-item">
						<a href="http://www.js-code.com/jquery/jquery_31606.html" title="jQuery插件">jQuery插件</a>
						<span class="text-muted pull-right">2019-05-23</span>
			</li><li class="list-group-item">
						<a href="http://www.js-code.com/jquery/jquery_31605.html" title="jQuery 选择器">jQuery 选择器</a>
						<span class="text-muted pull-right">2019-05-22</span>
			</li></ul>
	</div>      
    
    <div class="panel panel-default">
			<div class="panel-heading"><a href="https://www.js-code.com/all" class="font-weight-bold">其他相关热搜词</a><span class="pull-right"><a href="https://www.js-code.com/all">更多</a></span></div>
			<div class="panel-body list-cloud"><a href="http://www.js-code.com/tag/php/">php</a><a href="http://www.js-code.com/tag/java/">java</a><a href="http://www.js-code.com/tag/python/">python</a><a href="http://www.js-code.com/tag/chengxuyuan/">程序员</a><a href="http://www.js-code.com/tag/load/">load</a><a href="http://www.js-code.com/tag/post,format,gallery/">post-format-gallery</a><a href="http://www.js-code.com/tag/div93/">div</a><a href="http://www.js-code.com/tag/String/">String</a><a href="http://www.js-code.com/tag/canshu/">参数</a><a href="http://www.js-code.com/tag/kaifa/">开发</a><a href="http://www.js-code.com/tag/List/">List</a><a href="http://www.js-code.com/tag/cap/">cap</a><a href="http://www.js-code.com/tag/Map/">Map</a><a href="http://www.js-code.com/tag/class11/">Class</a><a href="http://www.js-code.com/tag/gongju/">工具</a><a href="http://www.js-code.com/tag/anzhuang/">安装</a><a href="http://www.js-code.com/tag/SQL/">SQL</a><a href="http://www.js-code.com/tag/shujuku/">数据库</a><a href="http://www.js-code.com/tag/ziyuan/">资源</a><a href="http://www.js-code.com/tag/this/">this</a></div>
    </div>
</div> 
	<div class="col-sm-3">   
		
		<div class="panel panel-default">
			<div class="panel-heading font-weight-bold">全站导航<span class="pull-right"><a href="https://www.js-code.com/#all">更多</a></span></div>
			<div class="panel-body tag-cloud "><a href="http://www.js-code.com/html5/" title="html5" >html5</a><a href="http://www.js-code.com/htmlxhtml/" title="HTML/Xhtml" >HTML/Xhtml</a><a href="http://www.js-code.com/css/" title="CSS" >CSS</a><a href="http://www.js-code.com/xmlxslt/" title="XML/XSLT" >XML/XSLT</a><a href="http://www.js-code.com/dreamweaverjiaocheng/" title="Dreamweaver教程" >Dreamweaver教程</a><a href="http://www.js-code.com/frontpagejiaocheng/" title="Frontpage教程" >Frontpage教程</a><a href="http://www.js-code.com/xindejiqiao/" title="心得技巧" >心得技巧</a><a href="http://www.js-code.com/javascript/" title="JavaScript" >JavaScript</a><a href="http://www.js-code.com/aspnet/" title="ASP.NET" >ASP.NET</a><a href="http://www.js-code.com/phpbiancheng/" title="PHP编程" >PHP编程</a><a href="http://www.js-code.com/zhengzebiaodashi/" title="正则表达式" >正则表达式</a><a href="http://www.js-code.com/ajaxxiangguan/" title="AJAX相关" >AJAX相关</a><a href="http://www.js-code.com/aspbiancheng/" title="ASP编程" >ASP编程</a><a href="http://www.js-code.com/jspbiancheng/" title="JSP编程" >JSP编程</a><a href="http://www.js-code.com/biancheng10000wen/" title="编程10000问" >编程10000问</a><a href="http://www.js-code.com/csshtml/" title="CSS/HTML" >CSS/HTML</a><a href="http://www.js-code.com/flex/" title="Flex" >Flex</a><a href="http://www.js-code.com/vbs-1/" title="vbs" >vbs</a><a href="http://www.js-code.com/dosbat/" title="DOS/BAT" >DOS/BAT</a><a href="http://www.js-code.com/hta/" title="hta" >hta</a><a href="http://www.js-code.com/htc/" title="htc" >htc</a><a href="http://www.js-code.com/python-1/" title="python" >python</a><a href="http://www.js-code.com/perl/" title="perl" >perl</a><a href="http://www.js-code.com/youxixiangguan/" title="游戏相关" >游戏相关</a><a href="http://www.js-code.com/vba/" title="VBA" >VBA</a><a href="http://www.js-code.com/yuanchengjiaoben/" title="远程脚本" >远程脚本</a><a href="http://www.js-code.com/coldfusion/" title="ColdFusion" >ColdFusion</a><a href="http://www.js-code.com/mssql/" title="MsSql" >MsSql</a><a href="http://www.js-code.com/mysql-1/" title="Mysql" >Mysql</a><a href="http://www.js-code.com/mariadb/" title="mariadb" >mariadb</a><a href="http://www.js-code.com/oracle/" title="oracle" >oracle</a><a href="http://www.js-code.com/db2/" title="DB2" >DB2</a><a href="http://www.js-code.com/mssql2008/" title="mssql2008" >mssql2008</a><a href="http://www.js-code.com/mssql2005/" title="mssql2005" >mssql2005</a><a href="http://www.js-code.com/sqlite/" title="SQLite" >SQLite</a><a href="http://www.js-code.com/postgresql/" title="PostgreSQL" >PostgreSQL</a><a href="http://www.js-code.com/mongodb/" title="MongoDB" >MongoDB</a><a href="http://www.js-code.com/xingwaixunizhuji/" title="星外虚拟主机" >星外虚拟主机</a><a href="http://www.js-code.com/huazhongxunizhuji/" title="华众虚拟主机" >华众虚拟主机</a><a href="http://www.js-code.com/linux/" title="Linux" >Linux</a><a href="http://www.js-code.com/winfuwuqi/" title="win服务器" >win服务器</a><a href="http://www.js-code.com/ftpfuwuqi/" title="FTP服务器" >FTP服务器</a><a href="http://www.js-code.com/dnsfuwuqi/" title="DNS服务器" >DNS服务器</a><a href="http://www.js-code.com/tomcat/" title="Tomcat" >Tomcat</a><a href="http://www.js-code.com/nginx/" title="nginx" >nginx</a><a href="http://www.js-code.com/zabbix/" title="zabbix" >zabbix</a><a href="http://www.js-code.com/yunhexunihua/" title="云和虚拟化" >云和虚拟化</a><a href="http://www.js-code.com/biosxitong/" title="bios系统" >bios系统</a><a href="http://www.js-code.com/anzhuangxitong/" title="安装系统" >安装系统</a><a href="http://www.js-code.com/xitongjincheng/" title="系统进程" >系统进程</a><a href="http://www.js-code.com/windowsxilie/" title="Windows系列" >Windows系列</a><a href="http://www.js-code.com/linux-1/" title="LINUX" >LINUX</a><a href="http://www.js-code.com/redhatcentos/" title="RedHat/Centos" >RedHat/Centos</a><a href="http://www.js-code.com/ubuntudebian/" title="Ubuntu/Debian" >Ubuntu/Debian</a><a href="http://www.js-code.com/fedora/" title="Fedora" >Fedora</a><a href="http://www.js-code.com/solaris/" title="Solaris" >Solaris</a><a href="http://www.js-code.com/hongqilinux/" title="红旗Linux" >红旗Linux</a><a href="http://www.js-code.com/jianzhanjingyan/" title="建站经验" >建站经验</a><a href="http://www.js-code.com/weixinyingxiao/" title="微信营销" >微信营销</a><a href="http://www.js-code.com/wangzhanyouhua/" title="网站优化" >网站优化</a><a href="http://www.js-code.com/wangzhancehua/" title="网站策划" >网站策划</a><a href="http://www.js-code.com/wangluozhuanqian/" title="网络赚钱" >网络赚钱</a><a href="http://www.js-code.com/wangluochuangye/" title="网络创业" >网络创业</a><a href="http://www.js-code.com/zhanchanggushi/" title="站长故事" >站长故事</a><a href="http://www.js-code.com/alexayuming/" title="alexa域名" >alexa域名</a><a href="http://www.js-code.com/photoshopjiaocheng/" title="photoshop教程" >photoshop教程</a><a href="http://www.js-code.com/sheyingjiaocheng/" title="摄影教程" >摄影教程</a><a href="http://www.js-code.com/fireworksjiaocheng/" title="Fireworks教程" >Fireworks教程</a><a href="http://www.js-code.com/coreldrawjiaocheng/" title="CorelDraw教程" >CorelDraw教程</a><a href="http://www.js-code.com/illustratorjiaocheng/" title="Illustrator教程" >Illustrator教程</a><a href="http://www.js-code.com/painterjiaocheng/" title="Painter教程" >Painter教程</a><a href="http://www.js-code.com/freehandjiaocheng/" title="Freehand教程" >Freehand教程</a><a href="http://www.js-code.com/indesign/" title="Indesign" >Indesign</a><a href="http://www.js-code.com/sketch/" title="Sketch" >Sketch</a><a href="http://www.js-code.com/bijiben/" title="笔记本" >笔记本</a><a href="http://www.js-code.com/zhuban/" title="主板" >主板</a><a href="http://www.js-code.com/neicun/" title="内存" >内存</a><a href="http://www.js-code.com/cpu/" title="CPU" >CPU</a><a href="http://www.js-code.com/cunchu/" title="存储" >存储</a><a href="http://www.js-code.com/xianqia/" title="显卡" >显卡</a><a href="http://www.js-code.com/xianshiqi/" title="显示器" >显示器</a><a href="http://www.js-code.com/guangcunchu/" title="光存储" >光存储</a><a href="http://www.js-code.com/shubiaojianpan/" title="鼠标键盘" >鼠标键盘</a><a href="http://www.js-code.com/pingbandiannao/" title="平板电脑" >平板电脑</a><a href="http://www.js-code.com/anquanjiaocheng/" title="安全教程" >安全教程</a><a href="http://www.js-code.com/shadufangdu/" title="杀毒防毒" >杀毒防毒</a><a href="http://www.js-code.com/anquanshezhi/" title="安全设置" >安全设置</a><a href="http://www.js-code.com/bingduchasha/" title="病毒查杀" >病毒查杀</a><a href="http://www.js-code.com/jiaobengongfang/" title="脚本攻防" >脚本攻防</a><a href="http://www.js-code.com/ruqinfangyu/" title="入侵防御" >入侵防御</a><a href="http://www.js-code.com/gongjushiyong/" title="工具使用" >工具使用</a><a href="http://www.js-code.com/yejiedongtai/" title="业界动态" >业界动态</a><a href="http://www.js-code.com/exploit/" title="Exploit" >Exploit</a><a href="http://www.js-code.com/loudongfenxi/" title="漏洞分析" >漏洞分析</a></div>
		</div>

		<div class="panel panel-default">
			<div class="panel-heading font-weight-bold">最新jQuery教程</div>
			<ul class="list-group"><li class="list-group-item">
							<a href="http://www.js-code.com/jquery/jquery_40249.html" title="magento2 translate">magento2 translate</a>
							
				</li><li class="list-group-item">
							<a href="http://www.js-code.com/jquery/jquery_40246.html" title="用dragsort +bootstrap+php实现 table拖动自动保持排序，前面加序号及时更新效果">用dragsort +bootstrap+php实现 table拖动自动保持排序，前面加序号及时更新效果</a>
							
				</li><li class="list-group-item">
							<a href="http://www.js-code.com/jquery/jquery_40243.html" title="移动端手势操作--两点同时点击的实现方案">移动端手势操作--两点同时点击的实现方案</a>
							
				</li><li class="list-group-item">
							<a href="http://www.js-code.com/jquery/jquery_40241.html" title="[译]脱离jQuery，使用原生Ajax">[译]脱离jQuery，使用原生Ajax</a>
							
				</li><li class="list-group-item">
							<a href="http://www.js-code.com/jquery/jquery_40231.html" title="jQ进阶篇--地址栏链接与a标签链接匹配">jQ进阶篇--地址栏链接与a标签链接匹配</a>
							
				</li><li class="list-group-item">
							<a href="http://www.js-code.com/jquery/jquery_40220.html" title="$.when().done().then()的用法">$.when().done().then()的用法</a>
							
				</li><li class="list-group-item">
							<a href="http://www.js-code.com/jquery/jquery_40214.html" title="Highcharts 在低版本 IE 上使用注意事项">Highcharts 在低版本 IE 上使用注意事项</a>
							
				</li><li class="list-group-item">
							<a href="http://www.js-code.com/jquery/jquery_40208.html" title="Decorator（装饰器，修饰器，实例方法）">Decorator（装饰器，修饰器，实例方法）</a>
							
				</li><li class="list-group-item">
							<a href="http://www.js-code.com/jquery/jquery_39991.html" title="<span class=""hljs-attr"">width</span>:<span class=""hljs-string"">""100%""</span>"><span class=""hljs-attr"">width</span>:<span class=""hljs-string"">""100%""</spa...</a>
							
				</li><li class="list-group-item">
							<a href="http://www.js-code.com/jquery/jquery_32505.html" title="[微信音频播放器] html5 audio 制作的微信播放器">[微信音频播放器] html5 audio 制作的微信播放器</a>
							
				</li></ul>
		</div>
		
		<div class="panel panel-default">
			<div class="panel-heading font-weight-bold">热门jQuery教程</div>
			 <ul class="list-group"><li class="list-group-item">
							<a href="http://www.js-code.com/jquery/jquery_40252.html" title="快速学习nodejs系列：十四、express框架介绍">快速学习nodejs系列：十四、express框架介绍</a>
							
				 </li><li class="list-group-item">
							<a href="http://www.js-code.com/jquery/jquery_40249.html" title="magento2 translate">magento2 translate</a>
							
				 </li><li class="list-group-item">
							<a href="http://www.js-code.com/jquery/jquery_40248.html" title="Flask+JQuery Validation 插件+Ajax进行表单的验证">Flask+JQuery Validation 插件+Ajax进行表单的验证</a>
							
				 </li><li class="list-group-item">
							<a href="http://www.js-code.com/jquery/jquery_40247.html" title="sourceMap初探索">sourceMap初探索</a>
							
				 </li><li class="list-group-item">
							<a href="http://www.js-code.com/jquery/jquery_40246.html" title="用dragsort +bootstrap+php实现 table拖动自动保持排序，前面加序号及时更新效果">用dragsort +bootstrap+php实现 table拖动自动保持排序，前面加序号及时更新效果</a>
							
				 </li><li class="list-group-item">
							<a href="http://www.js-code.com/jquery/jquery_40245.html" title="Emoji 的 Google 搜索结果">Emoji 的 Google 搜索结果</a>
							
				 </li><li class="list-group-item">
							<a href="http://www.js-code.com/jquery/jquery_40244.html" title="写一个方便维护的 jquery 代码">写一个方便维护的 jquery 代码</a>
							
				 </li><li class="list-group-item">
							<a href="http://www.js-code.com/jquery/jquery_40243.html" title="移动端手势操作--两点同时点击的实现方案">移动端手势操作--两点同时点击的实现方案</a>
							
				 </li><li class="list-group-item">
							<a href="http://www.js-code.com/jquery/jquery_40241.html" title="[译]脱离jQuery，使用原生Ajax">[译]脱离jQuery，使用原生Ajax</a>
							
				 </li><li class="list-group-item">
							<a href="http://www.js-code.com/jquery/jquery_40240.html" title="nicescroll插件在容器的宽度改变时 滚动条的定位如何自适应">nicescroll插件在容器的宽度改变时 滚动条的定位如何自适应</a>
							
				 </li></ul>
		</div> 
		  

	</div>
  
  
  </div>
</div>
 

  <footer id="footer">
    <div class="container">
        <div class="row hidden-xs">
            <dl class="col-sm-4 site-link">
                <dt>最近更新</dt><dd>
				<a href="http://www.js-code.com/document/document_49.html" title="财务成本分析资料-第三章 财务报表分析方法基础免费ppt下载">财务成本分析资料-第三章 财务报...</a>
				<span class="text-muted pull-right">2018-11-09 </span>
				</dd><dd>
				<a href="http://www.js-code.com/es2015es6/es2015es6_43.html" title="js中判断字符串长度方法居然有5种，你知道吗？">js中判断字符串长度方法居然有5种...</a>
				<span class="text-muted pull-right">2018-11-09 </span>
				</dd><dd>
				<a href="http://www.js-code.com/document/document_30.html" title="财务成本分析资料-第2章  财务报表（告）概要ppt下载">财务成本分析资料-第2章  财务报...</a>
				<span class="text-muted pull-right">2018-11-09 </span>
				</dd><dd>
				<a href="http://www.js-code.com/document/document_26.html" title="财务成本分析资料-第一章 财务信息的需求和供给ppt下载">财务成本分析资料-第一章 财务信...</a>
				<span class="text-muted pull-right">2018-11-09 </span>
				</dd><dd>
				<a href="http://www.js-code.com/js/js_52.html" title="在不到5分钟的时间内学习这些精巧的JavaScript技巧">在不到5分钟的时间内学习这些精巧...</a>
				<span class="text-muted pull-right">2018-11-09 </span>
				</dd><dd>
				<a href="http://www.js-code.com/document/document_69.html" title="财务成本分析资料-第四章   财务报表数据的特征ppt免费下载">财务成本分析资料-第四章   财...</a>
				<span class="text-muted pull-right">2018-11-10 </span>
				</dd><dd>
				<a href="http://www.js-code.com/angularjs/angularjs_68.html" title="angularjs总结技巧你不得不佩服的实用方法">angularjs总结技巧你不得不佩服的...</a>
				<span class="text-muted pull-right">2018-11-10 </span>
				</dd><dd>
				<a href="http://www.js-code.com/nodejs/nodejs_71.html" title="只要花5分钟就能掌握的nodejs技巧个人总结同步性能和模块应用">只要花5分钟就能掌握的nodejs技巧...</a>
				<span class="text-muted pull-right">2018-11-10 </span>
				</dd><dd>
				<a href="http://www.js-code.com/nodejs/nodejs_72.html" title="Redis的Node.js扩展包 node_redis 示例代码">Redis的Node.js扩展包 node_redi...</a>
				<span class="text-muted pull-right">2018-11-10 </span>
				</dd></dl>
            
           <dl class="col-sm-4 site-link">
                <dt>热门文章</dt><dd>
				<a href="http://www.js-code.com/article.php?id=326942" title="vue全家桶-vuex深入讲解">vue全家桶-vuex深入讲解</a>
				<span class="text-muted pull-right">2023-03-25 </span>
				</dd><dd>
				<a href="http://www.js-code.com/article.php?id=326941" title="Vue body样式修改方式">Vue body样式修改方式</a>
				<span class="text-muted pull-right">2023-03-25 </span>
				</dd><dd>
				<a href="http://www.js-code.com/article.php?id=326940" title="Vue render函数使用详细讲解">Vue render函数使用详细讲解</a>
				<span class="text-muted pull-right">2023-03-25 </span>
				</dd><dd>
				<a href="http://www.js-code.com/article.php?id=326939" title="vuecli3.0脚手架搭建及不同的打包环境配置vue.config.js的详细过程">vuecli3.0脚手架搭建及不同的打包...</a>
				<span class="text-muted pull-right">2023-03-25 </span>
				</dd><dd>
				<a href="http://www.js-code.com/article.php?id=326938" title="Vue slot插槽作用与原理深入讲解">Vue slot插槽作用与原理深入...</a>
				<span class="text-muted pull-right">2023-03-25 </span>
				</dd><dd>
				<a href="http://www.js-code.com/article.php?id=326937" title="vant-list上拉加载onload事件触发多次问题及解决">vant-list上拉加载onload事件触发...</a>
				<span class="text-muted pull-right">2023-03-25 </span>
				</dd><dd>
				<a href="http://www.js-code.com/article.php?id=326936" title="van-picker组件default-index属性设置不生效踩坑及解决">van-picker组件default-index属性...</a>
				<span class="text-muted pull-right">2023-03-25 </span>
				</dd><dd>
				<a href="http://www.js-code.com/article.php?id=326935" title="Vue+echart 展示后端获取的数据实现">Vue+echart 展示后端获取的数据...</a>
				<span class="text-muted pull-right">2023-03-25 </span>
				</dd><dd>
				<a href="http://www.js-code.com/article.php?id=326934" title="Vant Weapp组件picker选择器初始默认选中问题">Vant Weapp组件picker选择器初始...</a>
				<span class="text-muted pull-right">2023-03-25 </span>
				</dd><dd>
				<a href="http://www.js-code.com/article.php?id=326933" title="Vant picker选择器设置默认值导致选择器失效的解决">Vant picker选择器设置默认...</a>
				<span class="text-muted pull-right">2023-03-25 </span>
				</dd></dl>

           

        </div>
        <div class="copyright">
            Copyright © 2019 脚本宝典<br>
            <a href="http://www.miibeian.gov.cn/" rel="nofollow"></a>
            <span class="ml5">脚本宝典版权所有 <a href="https://www.miitbeian.gov.cn" target="_blank">豫ICP备15014364号-1 </a></span>
            <a href="https://wpa.qq.com/msgrd?v=3&uin=384754419&site=qq&menu=yes&jumpflag=1" target="_blank" style="color:blue" >QQ:384754419</a>
        </div>
    </div>
</footer>
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?f7ab1c2d86e1ae49c0ca59223b2b0efb";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
<script src="https://readmore.openwrite.cn/js/readmore.js" type="text/javascript"></script>
<script>
    const btw = new BTWPlugin();
    btw.init({
        id: 'container',
        blogId: '29457-1668094709135-757',
        name: 'DearMrGao',
        qrcode: 'http://code.js-code.com/res/2022/05-04/23/ea106a76a9b6f2bfc9374cb2e57301e4.jpg',
        keyword: '验证码',
    });
</script>
<style>
	.jb51box img{
		max-width: 100%;
	}
</style>
</body>
</html>