前端基础-jQuery的优点以及用法
一、jQuery介紹
二、jQuery的優(yōu)勢(shì)
三、jQuery版本
- 1.x:兼容IE678,使用最為廣泛的,官方只做BUG維護(hù),功能不再新增。因此一般項(xiàng)目來說,使用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)端用戶所取代,如果沒有特殊要求的話,一般都會(huì)選擇放棄對(duì)678的支持。
四、jQuery對(duì)象
jQuery對(duì)象就是通過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ì)象無法使用?DOM對(duì)象的任何方法,同理?DOM對(duì)象也沒不能使用?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內(nèi)容:
下載鏈接:jQuery官網(wǎng)
中文文檔:jQuery AP中文文檔
轉(zhuǎn)載于:https://www.cnblogs.com/ManyQian/p/9135676.html
總結(jié)
以上是生活随笔為你收集整理的前端基础-jQuery的优点以及用法的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: dart 中的 try on catch
- 下一篇: 在微信浏览器字体被调大导致页面错乱的解决