當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

9.停下来说说jquery

發(fā)布時間：2023/12/31 编程问答 33 豆豆

生活随笔收集整理的這篇文章主要介紹了 9.停下来说说jquery 小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

為什么80%的碼農(nóng)都做不了架構師？>>> ??

#1. javacript時代到jquery時代不同瀏覽器對javacript解析的差異性，導致做兼容處理的成本的上升，聰明人很快發(fā)現(xiàn)了這個痛點，于是，抹平瀏覽器差異的jQuery庫出現(xiàn)了。

jQuery：用更少的代碼，實現(xiàn)更強悍的功能

jQuery由一小撮對瀏覽器極其熟稔的極客負責抹平不同瀏覽器的差異，其他開發(fā) 者只需要基于jQuery進行開發(fā)，可以更好地關注業(yè)務實現(xiàn)，而不是把時間花在適配不同的瀏覽器上。

jQuery解決一個瀏覽器兼容性問題

#2. 滿眼的全是DOM jQuery使得開發(fā)無刷新動態(tài)頁面（AJAX）或者單頁應用（SPA）變得相當簡單。

標準的HTML頁面是靜態(tài)的，被瀏覽器渲染后就產(chǎn)生了一個DOM樹

jQuery讓靜態(tài)的文檔動起來，通過提供一系列的選擇符，jQuery使開發(fā)者能夠極其方便地選中一組DOM節(jié)點，對其進行操作。

這就是jQuery的開發(fā)范式。jQuery沒有引入什么新的概念，只是樸素地，讓你能夠更簡單地、低成本地操作DOM：

用選擇符選定一組DOM節(jié)點

操作選中的DOM節(jié)點，比如：修改文本、改變屬性、掛接事件監(jiān)聽函數(shù)、變換DOM等等。

基本不用考慮跨瀏覽器的兼容性

#3. jquery的一個簡單實例用jQuery實現(xiàn)一個小時鐘我們試著用jQuery實現(xiàn)一個簡單的時鐘頁面，實現(xiàn)思路很簡單：

引入jquery庫 jquery庫將創(chuàng)建一個全局對象：$。開發(fā)者需要的API都掛接在這個對象上。它其實是一個類工廠，負責將指定的DOM對象轉化為jquery對象。

在DOM文檔就緒后，啟動一個定時器使用$(document).ready()可以監(jiān)聽DOM文檔就緒事件，通常簡寫成$(...)。

在定時器里更新div#clock的文本 "div#clock"是一個選擇符，使用這個選擇符，jquery庫可以找到那個特定的DOM對象，并將其轉化為jQuery對象。

jquery封裝后的DOM對象有一堆的方法供你調用，我們使用text()方法更新其文本

<html> <head><script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script> </head> <body><div id="clock"></div> </body> </html>//監(jiān)聽DOM就緒事件 $(function(){//啟動定時器setInterval(function(){//取當前時間var d = new Date();//使用text()方法更新DOM對象的文本內容$("#clock").text(d.toString());},1000/*1000毫秒觸發(fā)1次*/); });

轉載于:https://my.oschina.net/oneboi/blog/794165

總結

以上是生活随笔為你收集整理的9.停下来说说jquery的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內容還不錯，歡迎將生活随笔推薦給好友。