1、新建一個html文件,命名為test.html。
我們提供的服務(wù)有:網(wǎng)站建設(shè)、成都網(wǎng)站制作、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、紅花崗ssl等。為上千家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù),是有科學(xué)管理、有技術(shù)的紅花崗網(wǎng)站制作公司
2、在test.html文件內(nèi),引入jquery.min.js庫文件,成功加載該文件,才能使用jquery中的方法。
3、在test.html文件內(nèi),在p標(biāo)簽內(nèi),使用button標(biāo)簽創(chuàng)建一個按鈕,按鈕名稱為“按鈕”。
4、在test.html文件內(nèi),設(shè)置button標(biāo)簽的id為mybtn,主要用于下面通過該id獲得button對象。
5、在test.html文件中,給button按鈕綁定onclick點擊事件,當(dāng)按鈕被點擊時,執(zhí)行btnfun()函數(shù)。
6、在js標(biāo)簽中,創(chuàng)建btnfun()函數(shù),在函數(shù)內(nèi),通過id(mybtn)獲得button對象,使用attr()方法將disabled屬性設(shè)置為disabled,讓按鈕變成不可用狀態(tài)即可。
時下,越來越多的
javascripe框架
不斷崛起,同時開源網(wǎng)站系統(tǒng)也之間增多。網(wǎng)站建設(shè)過程中當(dāng)使用一些開源的網(wǎng)站程序時,免不了會在javascript上產(chǎn)生沖突。也許網(wǎng)站的開發(fā)者習(xí)慣使用jQuery,而使用的開源系統(tǒng)又偏偏用了protrtype或者其他一些js框架,那么杯具就此誕生。
此時,難道我們還要去重新了解那個不熟悉的框架么?顯然,強(qiáng)大的jQuery已經(jīng)為我們想到了這一點。只需要簡單的幾句話,就能夠讓jQuery和其他任何框架共存了。
其實只要具體分析一下就很容易想到,js框架沖突的最主要原因只有一個:選擇器。
對,jQuery的選擇器是“$”,prototype的選擇器也是“$”,當(dāng)兩者在一起使用的時候,必然有一方會被替代,然后就導(dǎo)致了種種錯誤。那么,解決兩庫共存的根本其實就是把選擇器分隔開來,jQuery為我們提供了noConflict()方法來釋放自己的“$”給別人使用。以下以prototype為例,演示了三種可以兩庫共存的方法。
方法一:script src="prototype.js"/script
script src="jquery.js"/scriptscriptjQuery.noConflict(); //釋放$
// Use jQuery via jQuery(...)
jQuery(document).ready(function(){
jQuery("div").hide();});// Use Prototype with $(...), etc.
$('someid').style.display = 'none';
/script方法二:script src="prototype.js"/script
script src="jquery.js"/scriptscriptvar $j = jQuery.noConflict(); //重定義了$j為jQuery的選擇器
// Use jQuery via $j(...)
$j(document).ready(function(){
$j("div").hide();});// Use Prototype with $(...), etc.
$('someid').style.display = 'none';
/script方法三:script src="prototype.js"/script
script src="jquery.js"/scriptscriptjQuery.noConflict();
// Put all your code in your document ready area
jQuery(document).ready(function($){ //關(guān)鍵:閉包內(nèi)使用$作為選擇器(應(yīng)該是個閉包吧。。)
// Do jQuery stuff using $
$("div").hide();});// Use Prototype with $(...), etc.
$('someid').style.display = 'none';
瓢蟲通常使用的是最后一種,在外部將“$”釋放給其他庫調(diào)用,而在內(nèi)部還是能依照平時習(xí)慣自由使用“$”。
1、新建一個html文件,命名為test.html。
2、在test.html文件內(nèi),使用div標(biāo)簽創(chuàng)建一個模塊,并設(shè)置其id為mycss。
3、在css標(biāo)簽內(nèi),定義div的樣式,設(shè)置其寬度為100px,高度為2000px,背景顏色為粉紅色。
4、在js標(biāo)簽內(nèi),使用scroll()方法監(jiān)聽頁面的滾動條,并執(zhí)行function方法。
5、在function方法內(nèi),使用if語句判斷,當(dāng)前滾動的位置(scrollTop())是否到達(dá)頁面的底部($(document).height()-$(window).height()),如果到達(dá)頁面底部,提示“已經(jīng)到底部了”。
方法是通過jQuery的noConflict()來讓多版本共存。
當(dāng)我們導(dǎo)入jQuery時,jQuery僅向window這個全局空間注入兩個變量:
window.$ = window.jQuery = { jQuery object };
同時,jQuery內(nèi)部保留舊的window.$和window.jQuery對象的引用。當(dāng)我們調(diào)用:
var $jq = $.noConflict();
window.$被恢復(fù),但window.jQuery仍是jQuery。
當(dāng)我們調(diào)用:
var $jq = $.noConflict(true);
window.$和window.jQuery都被恢復(fù)了,一切看起來就像jQuery從未被導(dǎo)入過一樣,只不過可以通過變量$jq來使用jQuery。
所以,讓新舊版本共存的jQuery可以這樣實現(xiàn):
在myscript.js中,用$jq就可以訪問1.11版本的jQuery了。
至此,問題解決。
但是,引入兩個版本的jQuery后,頁面被搞得亂七八糟。如果有人看不懂代碼,把var $jq = jQuery.noConflict(true);刪掉了怎么辦?或者,把導(dǎo)入jQuery的兩行互換了位置,最后就得不到正確的jQuery版本。
最好的辦法是不改動頁面,直接引用我們編寫的新的js文件:
這樣一來,我們就在myscript.js內(nèi)部引用最新版jQuery,而頁面無論有沒有jQuery,有哪個版本的jQuery,我們都不關(guān)心。
開始編寫新的更好的解決方案。首先,把myscript.js的主體確定下來:
// myscript.js (function () { // BEGIN // TODO: javascript code here... // END })();
用匿名函數(shù)是個好習(xí)慣,不污染全局變量,同時杜絕外部代碼訪問。
下一步是直接把jQuery 1.11的代碼嵌進(jìn)去:
// myscript.js (function () { // BEGIN !function(a,b){"object"==typeof module"object"==typeof module.exports?... if(kj[k](e||j[k].data)||void 0!==d||"string"!=typeof b)return k||(k=... },cur:function(){var a=Zb.propHooks[this.prop];return aa.get?a.get(thi... var $ = jQuery.noConflict(true); // TODO: javascript code here... // END })();
嵌入的當(dāng)然是壓縮后的代碼,一共3行,然后加一句:
var $ = jQuery.noConflict(true);
注意到$是一個局部變量,在后面的代碼中,可以隨時引用這個$,跟頁面上其他版本的jQuery全局變量$不是一個對象。
最后一步工作就是檢查jQuery的協(xié)議是否允許我們把jQuery源碼直接嵌入我們自己的JavaScript代碼。
jquery在頁面加載的時候自動調(diào)用某個函數(shù),有三種方法:
第一種:
$(document).ready(function(){
func(xxx)//執(zhí)行函數(shù)
}); ?
第二種:
$(function(){
func(xxx)//執(zhí)行函數(shù)
}); ?
第三種:
jQuery(function($) {
func(xxx)//執(zhí)行函數(shù)
}); ?
如果不用jquery,在頁面初始化的方法:
1.在body里面寫onload
2.在腳本里面寫。
拓展資料:
這個加載數(shù)據(jù)是JS 控制的 ?,ready函數(shù)會在頁面加載完成后自動執(zhí)行 加載數(shù)據(jù),看看JS代碼全部的JS注釋掉。
拓展資料:
或者改成 ? function query (){。
$.doSerch("","");//自行補(bǔ)充,你代碼中的一部分},最后你的查詢按鈕調(diào)用這個function 就行了。
jquery easyui 中window相關(guān):可以在頁面加載時 ?添加 body ?onload="#36。
('#div_x).window('close');" ,最后當(dāng)點擊按鈕時 ?調(diào)用 function show(){ 。
$('#div_x).window('open'); }。
使用步驟如下:
1.jQuery給放到一個文件夾里面,方便我們待會引用這個jQuery,這里我就放到我項目的js文件夾里面。
2.然后我們來開始編輯HTML界面代碼。
3.使用script標(biāo)簽把jQuery引入到我們的HTML界面。src引號里面的就是我們的jQuery路徑名稱。
4.接著再書寫一個script標(biāo)簽對,里面寫上jQuery入口函數(shù),這樣,當(dāng)我們的HTML加載完成之后就會執(zhí)行我們的jQuery代碼