快捷導(dǎo)航

豆瓣網(wǎng)的jquery代碼實例

更新時間：2008年06月15日 20:01:45 作者：

豆瓣網(wǎng)的jquery實例代碼，效果不錯，方便大家學(xué)習(xí)

在文檔加載完畢后將執(zhí)行的方法(參見jquery文檔)
一般來說文檔加載的時候應(yīng)該綁定所有的事件, 但是有一種情況例外.
比如通過Ajax方法取回來的內(nèi)容里面還含有動作按鈕的，這時需要針對這部分功能執(zhí)行綁定.

復(fù)制代碼代碼如下:

//需要手動調(diào)用 load_event_monitor(element);   方法.  
$(function() {  
 load_event_monitor(document);  
});  
//注意這里的o對象是一個html 元素而非是一個jquery對象，所以在調(diào)用它的方法時應(yīng)該使用$(o)函數(shù)  
//把它轉(zhuǎn)化為jquery對象.  
Bowtech.init_forder = function(o) {  
 var eid = $(o).attr(“id“).split(“-“)[1];  
 var fo = $(“#f-“+eid);  
 var unfo = $(“#unf-“+eid);  

 fo.click(function() {  
 $(o).hide();  
 unfo.show();  
 fo.hide();  
 });  
 unfo.click(function() {  
 $(o).show();  
 fo.show();  
 unfo.hide();  
 });  
}  


jQuery.fn.extend({  
 set_caret: function(){  
 if(!$.browser.msie) return;  
 var initSetCaret = function(){this.caretPos = document.selection.createRange().duplicate()};  
 this.click(initSetCaret).select(initSetCaret).keyup(initSetCaret);  
 },  
 insert_caret:function(textFeildValue){  
 var textObj = this[0];  
 if(document.all && textObj.createTextRange && textObj.caretPos){  
 var caretPos=textObj.caretPos;  
 caretPos.text = caretPos.text.charAt(caretPos.text.length-1) == ” ? textFeildValue+” : textFeildValue;  
 } else if(textObj.setSelectionRange){  
 var rangeStart=textObj.selectionStart;  
 var rangeEnd=textObj.selectionEnd;  
 var tempStr1=textObj.value.substring(0,rangeStart);  
 var tempStr2=textObj.value.substring(rangeEnd);  
 textObj.value=tempStr1+textFeildValue+tempStr2;  
 textObj.focus();  
 var len=textFeildValue.length;  
 textObj.setSelectionRange(rangeStart+len,rangeStart+len);  
 textObj.blur();  
 } else {  
 textObj.value+=textFeildValue;  
 }  
 }  
}) 

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

復(fù)制代碼代碼如下:

<div id=”test2″ class=”mod”>  
 <h3>  
 這里可以放標(biāo)題  
 </h3>  
 <div class=”j modb a_forder” id=”modb-1002″>  
 這里是一些主要的內(nèi)容  
 <dl>  
 <dt>Hello world</dt>  
 <dd>  
 hahaha</dd>  
 </dl>  
 這個實驗在沙加的神舟本上完成  
 </div>  
 <div class=”edit”>  
 <a id=”f-1002″ class=”forder” href=”javascript:void(0);”>[收起]</a> <a id=”unf-1002″  
 class=”unforder” href=”javascript:void(0);”>[展開]</a>  
 </div>  
 </div> 