JQuery學習總結一 JQ tabs的實現

2021-07-11 13:03:23 字數 1180 閱讀 2455

最近面試的時候被問到有沒有看過jquery的原始碼,本人確實看過,然而什麼都沒有記住,所以看過並沒有什麼x用,重要的,還是要動手寫**。

**位址後#?的區別

我們經常可以看到**後面帶著一些引數,比如你用搜尋引擎搜尋處結果的時候,**中會帶有各種各樣的引數,下面我就根據我的理解來解釋一下這些引數的作用

: 通常表識在進入這個**之前需要傳的引數值,所在**會根據該引數值來做一些處理從而實現

#: 通常指頁面內部的跳轉,不會重新整理頁面,只是區域性的內容的變化(例如a標籤的href=』id』)

jquery

jquery-ajax可以通過load來呼叫靜態頁面從而避免單純的複製貼上,而jquery強大的dom操作也大大擴大了每乙個template的可用性。

load(url, callback)

由ajax載入的靜態頁面可以很好的相容當前頁面的樣式,但該部分與動態新增的元素一樣,在相容頁面的js操作時,存在js作用無效的問題。

問題關鍵在於html的順序執行,在瀏覽器渲染頁面的時候,會從上往下依次渲染,當渲染到load函式時,瀏覽器不會等待load完畢再藉著執行,而是在解析template的同時,繼續往下渲染,這個過程幾乎是同步的,所以渲染出來的dom結構,並沒有相容頁面下面的js。

解決辦法可以考慮在js部分新增乙個計時器,settimeout(function(){}, 1); 匿名函式中寫需要load相容的js即可

jquery-tabs

考慮到使用者體驗,tabs切換用#而不用?

首先你需要乙個很好的拿到頁面引數的函式

function geturl(name)

借用正則物件regexp可以很快的解析出parameter

var tmp = geturl('data');

if(tmp == "1")else

那麼頁面首次載入的時候就會根據#data的值來做相應處理

click me

那麼可以在這個a標籤的click事件中新增function1函式即可。

jQuery學習總結

function jquery jquery function fn是jquery建構函式的prototype屬性的別名 通過布林型別的 boxmodel標誌可以知道當前頁面使用的是哪乙個方框模型 如果頁面使用w3c標準的方框模型,被設定為true 如果頁面使用ie瀏覽器的方框模型 有時稱為傳統模型...

JQuery學習總結

按照案例導向來總結 首先要想辦法找到元素 1.基本的語法,載入 2.相關選擇器 基本,層級,屬性 文件操作的篩選 3.dom物件和jq物件 前面有 符號 的轉換 然後要繫結事件 比dom的事件少乙個on 操作有bind,hover等 然後做一些屬性操作 attr,addclass,html等 然後注...

jQuery學習總結

1 查詢dom元素進行取值和賦值的操作 在特定節點位置進行內容的取值和賦值操作 innerhtml 2 針對元素進行事件監聽。3 通過操作dom節點結合改變元素的css樣式,達到絢麗的動畫效果。4 對dom元素進行ajax操作。對於jquery來說,可以對這四部分提供完美的實現 a jquery擁有...