Douban的jquery使用技巧

2021-06-04 19:19:51 字數 1613 閱讀 6871

//定義命名空間

var bowtech=new object();

//註冊全域性的事件監視器.

bowtech.eventmonitor = function()

//廣播事件

bowtech.eventmonitor.prototype.broadcast=function(widgetobj, msg, data)

}}//繫結所有的事件.

bowtech.eventmonitor.prototype.subscribe=function(msg, callback) else

}//取消事件繫結.

bowtech.eventmonitor.prototype.unsubscribe=function(msg, callback));

}}// page scope event-monitor obj.

var event_monitor = new bowtech.eventmonitor();

//對於所有 class="j a_*** yyy" id="***-123"的元素執行事件繫結, ***-123部分用來獲取元素的id,比如乙個帖子的id,

// a_*** 後面的部

//分用來標識應用如 vote / review / blog 等.

//繫結的事件就是 : bowtech.init_vote / bowtech.init_blog 等.

function load_event_monitor(root) ;

$(".j", root).each(function(i)

f && f(this);

}});

}//在文件載入完畢後將執行的方法(參見jquery文件)

//一般來說文件載入的時候應該繫結所有的事件, 但是有一種情況例外.

//比如 通過ajax方法取回來的內容裡面還含有動作按鈕的,這時需要針對這部分功能執行繫結.

//需要手動呼叫 load_event_monitor(element); 方法.

$(function() );

//注意這裡的o物件是乙個html 元素而非是乙個jquery物件,所以在呼叫它的方法時應該使用$(o)函式

//把它轉化為jquery物件.

bowtech.init_forder = function(o) );

unfo.click(function() );

}jquery.fn.extend(;

this.click(initsetcaret).select(initsetcaret).keyup(initsetcaret);

}, insert_caret:function(textfeildvalue) else if(textobj.setselectionrange) else }})

前台要用就比較簡單了,  只需要這樣寫:

這裡是一些主要的內容

hello world

hahaha

這個實驗在沙加的神舟本上完成

[收起]

[展開]

樣式就省略了, 大家可以自己寫, 最後發兩個效果圖:

收起時的樣子

來自:

jQuery使用 jQuery語法

今天我們就來看一下jquery語法。通過 jquery,可以選取 selector html 元素,並對它們執行 操作 actions 基礎語法 selector action 美元符號 定義 jquery 選擇符 selector 查詢 和 查詢 html 元素 jquery 的 action 執...

jquery的ajax,post,get使用小計1

近日,自己寫了乙個使用者許可權列表配置管理。在使用者角色列表發生變化時,自己繪製的許可權樹的checkbox checked屬性則發生變化。結果用 post,ie是正常使用,chrome死活不行。就是不重新整理。分析發現dealtext在chrome返回值時沒有得到我要的結果。難道是非同步同步的問題...

Jquery的on 方法使用

此方法可以在匹配元素上繫結乙個或者多個事件處理函式。使用off 方法可以刪除on 方法繫結的事件。語法結構一 selector on events,selector data fn events 乙個或多個用空格分隔的事件型別和可選的命名空間。selector 可選。乙個選擇器字串,用以過濾選定的元...