最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

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

 更新時(shí)間:2008年06月15日 20:01:45   作者:  
豆瓣網(wǎng)的jquery實(shí)例代碼,效果不錯(cuò),方便大家學(xué)習(xí)
在文檔加載完畢后將執(zhí)行的方法(參見jquery文檔) 
一般來說文檔加載的時(shí)候應(yīng)該綁定所有的事件, 但是有一種情況例外. 
比如 通過Ajax方法取回來的內(nèi)容里面還含有動(dòng)作按鈕的,這時(shí)需要針對(duì)這部分功能執(zhí)行綁定. 
復(fù)制代碼 代碼如下:

//需要手動(dòng)調(diào)用 load_event_monitor(element);   方法. 
$(function() { 
 load_event_monitor(document); 
}); 
//注意這里的o對(duì)象是一個(gè)html 元素而非是一個(gè)jquery對(duì)象,所以在調(diào)用它的方法時(shí)應(yīng)該使用$(o)函數(shù) 
//把它轉(zhuǎn)化為jquery對(duì)象. 
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; 
 } 
 } 
}) 

前臺(tái)要用就比較簡(jiǎn)單了, 只需要這樣寫:

復(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> 
 這個(gè)實(shí)驗(yàn)在沙加的神舟本上完成 
 </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> 

樣式就省略了, 大家可以自己寫, 最后發(fā)兩個(gè)效果圖:

收起時(shí)的樣子

相關(guān)文章

  • html、css和jquery相結(jié)合實(shí)現(xiàn)簡(jiǎn)單的進(jìn)度條效果實(shí)例代碼

    html、css和jquery相結(jié)合實(shí)現(xiàn)簡(jiǎn)單的進(jìn)度條效果實(shí)例代碼

    這篇文章主要介紹了html、css和jquery相結(jié)合實(shí)現(xiàn)簡(jiǎn)單的進(jìn)度條效果的實(shí)例代碼,這個(gè)進(jìn)度條特別簡(jiǎn)單,首先html里面的話就是一個(gè)div里面嵌套一個(gè)div,然后寫好想要的樣式就行了,具有一定的參考借鑒價(jià)值,感興趣的朋友一起看看吧
    2016-10-10
  • jQuery計(jì)算文本框字?jǐn)?shù)及限制文本框字?jǐn)?shù)的方法

    jQuery計(jì)算文本框字?jǐn)?shù)及限制文本框字?jǐn)?shù)的方法

    一個(gè)中文算兩個(gè),一個(gè)符號(hào)或數(shù)字,英文,算一個(gè)。(如果是規(guī)定140個(gè)字,乘以2,那么就是280個(gè))。需要用到Math.ceil方法,因?yàn)樽詈筮€是要除以2來還原顯示給用戶的字?jǐn)?shù);
    2016-03-03
  • jQuery常見動(dòng)畫效果實(shí)現(xiàn)介紹

    jQuery常見動(dòng)畫效果實(shí)現(xiàn)介紹

    這篇文章主要為大家介紹了jQuery編程動(dòng)畫基本實(shí)現(xiàn)方法示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-10-10
  • jQuery Easyui實(shí)現(xiàn)左右布局

    jQuery Easyui實(shí)現(xiàn)左右布局

    jQuery EasyUI 是一個(gè)基于 jQuery 的框架,集成了各種用戶界面插件。接下來通過本文給大家介紹jQuery Easyui實(shí)現(xiàn)左右布局,涉及到到easyui左右布局相關(guān)知識(shí),感興趣的朋友一起學(xué)習(xí)吧
    2016-01-01
  • jquery入門—編寫一個(gè)導(dǎo)航條(可伸縮)

    jquery入門—編寫一個(gè)導(dǎo)航條(可伸縮)

    編寫一個(gè)導(dǎo)航條,單擊標(biāo)題時(shí),可以伸縮導(dǎo)航條內(nèi)容,簡(jiǎn)化內(nèi)容或顯示更多內(nèi)容等等效果相當(dāng)不錯(cuò),感興趣的朋友可以了解下哦
    2013-01-01
  • jquery.serialize() 函數(shù)語(yǔ)法及簡(jiǎn)單實(shí)例

    jquery.serialize() 函數(shù)語(yǔ)法及簡(jiǎn)單實(shí)例

    下面小編就為大家?guī)硪黄猨query.serialize() 函數(shù)語(yǔ)法及簡(jiǎn)單實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2016-07-07
  • jquery對(duì)復(fù)選框(checkbox)的操作匯總

    jquery對(duì)復(fù)選框(checkbox)的操作匯總

    本文給大家匯總介紹了一些jQuery操作復(fù)選框(checkbox)的方法和技巧,非常的簡(jiǎn)單實(shí)用,有需要的小伙伴可以參考下。
    2016-01-01
  • 通過jquery-ui中的sortable來實(shí)現(xiàn)拖拽排序的簡(jiǎn)單實(shí)例

    通過jquery-ui中的sortable來實(shí)現(xiàn)拖拽排序的簡(jiǎn)單實(shí)例

    下面小編就為大家?guī)硪黄ㄟ^jquery-ui中的sortable來實(shí)現(xiàn)拖拽排序的簡(jiǎn)單實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2016-05-05
  • jQuery搜索同輩元素方法

    jQuery搜索同輩元素方法

    這篇文章主要介紹了jQuery搜索同輩元素方法,實(shí)例分析了next、nextAll、nextUtil、prev、prevAll等方法的使用技巧,并給出了一個(gè)完整的實(shí)例進(jìn)行了總結(jié)歸納,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
    2015-02-02
  • jQuery獲取標(biāo)簽文本內(nèi)容和html內(nèi)容的方法

    jQuery獲取標(biāo)簽文本內(nèi)容和html內(nèi)容的方法

    這篇文章主要介紹了jQuery獲取標(biāo)簽文本內(nèi)容和html內(nèi)容的方法,實(shí)例分析了jQuery中text和html方法的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
    2015-03-03

最新評(píng)論

韶山市| 惠来县| 景宁| 垫江县| 东乡族自治县| 沭阳县| 中江县| 镇原县| 延川县| 句容市| 敖汉旗| 浮山县| 武强县| 正蓝旗| 辽宁省| 克拉玛依市| 吴桥县| 临泽县| 文安县| 华宁县| 宜黄县| 崇信县| 高要市| 南汇区| 鄂温| 万盛区| 东山县| 印江| 吴川市| 阿拉善右旗| 大化| 保靖县| 阳城县| 赤水市| 涞水县| 壶关县| 安仁县| 德惠市| 临颍县| 青海省| 克什克腾旗|