jquery.js和jquery.min.js的區(qū)別介紹:
離石網站建設公司創(chuàng)新互聯(lián)公司,離石網站設計制作,有大型網站制作公司豐富經驗。已為離石上千多家提供企業(yè)網站建設服務。企業(yè)網站搭建\成都外貿網站建設公司要多少錢,請找那個售后服務好的離石做網站的公司定做!
1、區(qū)別:
jquery.js是完整的未壓縮的jQuery庫,文件比較大,一般用于閱讀學習源碼或修改源碼,一般不用于線上項目。
jquery.min.js是由完整版的jQuery庫經過壓縮得來,壓縮后功能與未壓縮的完全一樣,只是將其中的空白字符、注釋、空行等與邏輯無關的內容刪除,并進行一些優(yōu)化。這個版本一般用于網站引用使用,減小文件體積,降低網站流量,提升訪問速度等。
2、介紹:
jQuery 是繼prototype 之后又一個優(yōu)秀的輕量級JavaScript 框架。其宗旨是“Write Less, Do
More”,寫更少的代碼,做更多的事情。 它是一個快速和簡潔的JavaScript 庫,可以簡化HTML
文檔元素的遍歷,事件處理,動畫和Ajax 交互以實現(xiàn)快速Web 開發(fā),它被設計用來改變編寫JavaScript 腳本的方式。
jQuery是免費、開源的,使用MIT許可協(xié)議。jQuery的語法設計可以使開發(fā)更加便捷,例如操作文檔對象、選擇DOM元素、制作動畫效果、事件處理、使用Ajax以及其他功能。除此以外,jQuery提供API讓開發(fā)者編寫插件。其模塊化的使用方式使開發(fā)者可以很輕松的開發(fā)出功能強大的靜態(tài)或動態(tài)網頁。
參考資料:百度百科 jQuery
是一個js的庫,意思就是它用js語言重新實現(xiàn)了js的功能,使得js的功能更強大,使用更方便。
歸根結底它還是js語言
jquery是等待頁面加載完數(shù)據(jù),以及頁面部分元素;js是頁面全部加載完成才執(zhí)行初始化加載,具體示例祥看本文
jquery和js初始化加載頁面的區(qū)別:
jquery:等待頁面加載完數(shù)據(jù),以及頁面部分元素(不包括圖片、視頻),
js:是頁面全部加載完成才執(zhí)行初始化加載。
1、jQuery
頁面加載初始化的方法有3種
,頁面在加載的時候都會執(zhí)行腳本,
第一種(比較常用):
代碼如下:
$.function(){
alert("第一種方法");
});
第二種:
復制代碼
代碼如下:
$(document).ready(function(){
alert("第二種方法");
});
第三種:
代碼如下:
jQuery(function($){
alert("第三種方法");
});
2、js初始化加載的方法
第一種:
代碼如下:
window.onload=function(){
alert("初始化加載");
};
第二種:
(winOnload
此方法名自定義)
代碼如下:
function
winOnload()
{
alert("初始化加載");
};
winOnload();
注意:
由于jquery使用$符號,和有些組件例如dwr就有沖突,為了解決這個問題,可以使用
代碼如下:
var
ace=jQuery.noConflict();
復制代碼
代碼如下:
html
xmlns=""
head
!--
1.基本選擇器:是jQuery中使用最頻繁的選擇器,它由元素Id、Class、元素名、多個選擇符組成,通過基本選擇器可以實現(xiàn)大多數(shù)頁面元素的查找
jQuery選擇器詳解
根據(jù)所獲取頁面中元素的不同,可以將jQuery選擇器分為:基本選擇器、層次選擇器、過濾選擇器、表單選擇器四大類。其中,在過濾選擇器中有可以分為:簡單過濾選擇器、內容過濾選擇器、可見性過濾選擇器、屬性過濾選擇器、子元素過濾選擇器、表單對象屬性過濾選擇器6種
--
title/title
!--使用jQuery基本選擇器選擇元素:一個頁面包含兩個div標記,其中一個用于設置ID屬性,另一個用于設置Class屬性;我們再增加一個span標記,全部元素初始值均為隱藏,然后通過jQuery基本選擇器顯示相應的頁面標記。--
script
src="jquery-1.9.1.js"
type="text/javascript"/script
style
type="text/css"
body{font-size:12px;text-align:center;}
.clsFrame{width:300px;height:100px}
.clsFrame
div,span{display:none;float:left;width:65px;height:65px;border:solid
1px
#ccc;margin:8px}
.clsOne{background-color:#eee}
/style
script
type="text/javascript"
$(function
()
{
//ID匹配元素
$('#divOne').css('display',
'block');
})
$(function
()
{
//元素名匹配元素
$('div
span').css('display',
'block');
})
$(function
()
{
//類匹配元素
$('.clsFrame
.clsOne').css('display',
'block');
})
$(function
()
{
//匹配所有元素
$('*').css('display',
'block');
})
$(function
()
{
//合并匹配元素
$('#divOne,span').css('display',
'block');
})
/script
/head
body
div
class="clsFrame"
div
id="divOne"
ID/div
div
class="clsOne"
CLASS/div
spanSPAN/span
/div
/body
/html
分享文章:jquery的介紹,jquery百度百科
當前地址:http://vcdvsql.cn/article30/dsdigso.html
成都網站建設公司_創(chuàng)新互聯(lián),為您提供App設計、、網站維護、網站策劃、網站建設、品牌網站建設
聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)