jQuery 核心 - noConflict() 方法

來源:互聯網
上載者:User

標籤:code   round   javascrip   head   失效   原因   style   asc   hid   

1.遇到問題:

當我們寫jquery時使用$,發現寫的jquery全部失效;

 

2.發現問題:

排查後發現是noConflict()函數在作怪,因為使用noConflict()函數後,重新定義$名字為jq的原因,將$替換成jq即可實現所需效果;

 

3.分析方法:

使用 noConflict() 方法為 jQuery 變數規定新的名稱:

var jq = $.noconflict();

例子:

<html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javascript">var jq=$.noConflict();jq(document).ready(function(){  jq("button").click(function(){    jq("p").hide();  });});</script></head><body><h2>這是標題</h2><p>這是一個段落。</p><button>請點擊這裡</button></body></html>

 

jQuery 核心 - noConflict() 方法

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.