日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問(wèn) 生活随笔!

生活随笔

當(dāng)前位置: 首頁(yè) > 编程资源 > 编程问答 >内容正文

编程问答

jQuery简单介绍

發(fā)布時(shí)間:2024/4/15 编程问答 58 豆豆
生活随笔 收集整理的這篇文章主要介紹了 jQuery简单介绍 小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

一、jQuery介紹

  • jQuery是一個(gè)輕量級(jí)的、兼容多瀏覽器的JavaScript庫(kù)。
  • jQuery使用戶能夠更方便地處理HTML Document、Events、實(shí)現(xiàn)動(dòng)畫(huà)效果、方便地進(jìn)行Ajax交互,能夠極大地簡(jiǎn)化JavaScript編程。它的宗旨就是:“Write less, do more.“
  • 二、jQuery的優(yōu)勢(shì)

  • 一款輕量級(jí)的JS框架。jQuery核心js文件才幾十kb,不會(huì)影響頁(yè)面加載速度。
  • 豐富的DOM選擇器,jQuery的選擇器用起來(lái)很方便,比如要找到某個(gè)DOM對(duì)象的相鄰元素,JS可能要寫(xiě)好幾行代碼,而jQuery一行代碼就搞定了,再比如要將一個(gè)表格的隔行變色,jQuery也是一行代碼搞定。
  • 鏈?zhǔn)奖磉_(dá)式。jQuery的鏈?zhǔn)讲僮骺梢园讯鄠€(gè)操作寫(xiě)在一行代碼里,更加簡(jiǎn)潔。
  • 事件、樣式、動(dòng)畫(huà)支持。jQuery還簡(jiǎn)化了js操作css的代碼,并且代碼的可讀性也比js要強(qiáng)。
  • Ajax操作支持。jQuery簡(jiǎn)化了AJAX操作,后端只需返回一個(gè)JSON格式的字符串就能完成與前端的通信。
  • 跨瀏覽器兼容。jQuery基本兼容了現(xiàn)在主流的瀏覽器,不用再為瀏覽器的兼容問(wèn)題而傷透腦筋。
  • 插件擴(kuò)展開(kāi)發(fā)。jQuery有著豐富的第三方的插件,例如:樹(shù)形菜單、日期控件、圖片切換插件、彈出窗口等等基本前端頁(yè)面上的組件都有對(duì)應(yīng)插件,并且用jQuery插件做出來(lái)的效果很炫,并且可以根據(jù)自己需要去改寫(xiě)和封裝插件,簡(jiǎn)單實(shí)用。
  • 三、jQuery內(nèi)容

  • 選擇器
  • 篩選器
  • 樣式操作
  • 文本操作
  • 屬性操作
  • 文檔處理
  • 事件
  • 動(dòng)畫(huà)效果
  • 插件
  • each、data、Ajax
  • 下載鏈接: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)題。

    如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò),歡迎將生活随笔推薦給好友。