jQuery简单介绍
一、jQuery介紹
二、jQuery的優(yōu)勢(shì)
三、jQuery內(nèi)容
下載鏈接:jQuery官網(wǎng)
中文文檔:jQuery AP中文文檔
四、jQuery版本
- 1.x:兼容IE678,使用最為廣泛的,官方只做BUG維護(hù),功能不再新增。因此一般項(xiàng)目來(lái)說(shuō),使用1.x版本就可以了,最終版本:1.12.4 (2016年5月20日)
- 2.x:不兼容IE678,很少有人使用,官方只做BUG維護(hù),功能不再新增。如果不考慮兼容低版本的瀏覽器可以使用2.x,最終版本:2.2.4 (2016年5月20日)
- 3.x:不兼容IE678,只支持最新的瀏覽器。需要注意的是很多老的jQuery插件不支持3.x版。目前該版本是官方主要更新維護(hù)的版本。
維護(hù)IE678是一件讓人頭疼的事情,一般我們都會(huì)額外加載一個(gè)CSS和JS單獨(dú)處理。值得慶幸的是使用這些瀏覽器的人也逐步減少,PC端用戶已經(jīng)逐步被移動(dòng)端用戶所取代,如果沒(méi)有特殊要求的話,一般都會(huì)選擇放棄對(duì)678的支持。
五、jQuery對(duì)象
jQuery對(duì)象就是通過(guò)jQuery包裝DOM對(duì)象后產(chǎn)生的對(duì)象。jQuery對(duì)象是 jQuery獨(dú)有的。如果一個(gè)對(duì)象是?jQuery對(duì)象,那么它就可以使用jQuery里的方法:例如$(“#i1”).html()。
$("#i1").html()的意思是:獲取id值為?i1的元素的html代碼。其中?html()是jQuery里的方法。
相當(dāng)于:?document.getElementById("i1").innerHTML;
雖然?jQuery對(duì)象是包裝?DOM對(duì)象后產(chǎn)生的,但是?jQuery對(duì)象無(wú)法使用?DOM對(duì)象的任何方法,同理?DOM對(duì)象也沒(méi)不能使用?jQuery里的方法。
一個(gè)約定,我們?cè)诼暶饕粋€(gè)jQuery對(duì)象變量的時(shí)候在變量名前面加上$:
var $variable = jQuery對(duì)像 var variable = DOM對(duì)象 $variable[0]//jQuery對(duì)象轉(zhuǎn)成DOM對(duì)象拿上面那個(gè)例子舉例,jQuery對(duì)象和DOM對(duì)象的使用:
$("#i1").html();//jQuery對(duì)象可以使用jQuery的方法 $("#i1")[0].innerHTML;// DOM對(duì)象使用DOM的方法六、jQuery基礎(chǔ)語(yǔ)法
$(selector).action() 使用$("選擇器").方法<html> <head><script src="//code.jquery.com/jquery-1.11.3.min.js"></script> ... </head> <body> ... </body> </html>
?
轉(zhuǎn)載于:https://www.cnblogs.com/weihengblog/p/8882930.html
超強(qiáng)干貨來(lái)襲 云風(fēng)專訪:近40年碼齡,通宵達(dá)旦的技術(shù)人生總結(jié)
以上是生活随笔為你收集整理的jQuery简单介绍的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 常用模块的小练习
- 下一篇: Codeforces - 914F bi