豆瓣网的jquery代码实例


Posted in Javascript onJune 15, 2008

在文档加载完毕后将执行的方法(参见jquery文档) 
一般来说文档加载的时候应该绑定所有的事件, 但是有一种情况例外. 
比如 通过Ajax方法取回来的内容里面还含有动作按钮的,这时需要针对这部分功能执行绑定. 

//需要手动调用 load_event_monitor(element);   方法.  
$(function() {  
 load_event_monitor(document);  
});  
//注意这里的o对象是一个html 元素而非是一个jquery对象,所以在调用它的方法时应该使用$(o)函数  
//把它转化为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;  
 }  
 }  
}) 

前台要用就比较简单了, 只需要这样写:
<div id=”test2″ class=”mod”>  
 <h3>  
 这里可以放标题  
 </h3>  
 <div class=”j modb a_forder” id=”modb-1002″>  
 这里是一些主要的内容  
 <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> 

样式就省略了, 大家可以自己写, 最后发两个效果图:
豆瓣网的jquery代码实例
收起时的样子
豆瓣网的jquery代码实例
Javascript 相关文章推荐
如何用javascript判断录入的日期是否合法
Jan 08 Javascript
js判断IE浏览器版本过低示例代码
Nov 22 Javascript
Javascript改变CSS样式(局部和全局)
Dec 18 Javascript
js实现图片点击左右轮播
Jul 08 Javascript
jQuery处理XML文件的几种方法
Jun 14 Javascript
BootStrap modal模态弹窗使用小结
Oct 26 Javascript
React实现点击删除列表中对应项
Jan 10 Javascript
javascript数组定义的几种方法
Oct 06 Javascript
Vue使用watch监听一个对象中的属性的实现方法
May 10 Javascript
Vue实现Layui的集成方法步骤
Apr 10 Javascript
antd vue 刷新保留当前页面路由,保留选中菜单,保留menu选中操作
Aug 06 Javascript
js实现碰撞检测
Jan 29 Javascript
JQuery实现自定义对话框的代码
Jun 15 #Javascript
javascript基本语法分析说明
Jun 15 #Javascript
javascript新手语法小结
Jun 15 #Javascript
JavaScript入门学习书籍推荐
Jun 12 #Javascript
asp.net和asp下ACCESS的参数化查询
Jun 11 #Javascript
json跟xml的对比分析
Jun 10 #Javascript
json 定义
Jun 10 #Javascript
You might like
PHP开发者常犯的10个MySQL错误更正剖析
2012/01/30 PHP
php mb_substr()函数截取中文字符串应用示例
2014/07/29 PHP
PHP7之Mongodb API使用详解
2015/12/26 PHP
php编程中echo用逗号和用点号连接的区别
2016/03/26 PHP
Yii2组件之多图上传插件FileInput的详细使用教程
2016/06/20 PHP
php微信公众号开发(3)php实现简单微信文本通讯
2016/12/15 PHP
php实现的二分查找算法示例
2017/06/20 PHP
PHP实现动态压缩js与css文件的方法
2018/05/02 PHP
Javascript Math ceil()、floor()、round()三个函数的区别
2010/03/09 Javascript
JavaScript可否多线程? 深入理解JavaScript定时机制
2012/05/23 Javascript
JavaScript中for-in遍历方式示例介绍
2014/02/11 Javascript
js获取url中的参数且参数为中文时通过js解码
2014/03/19 Javascript
使用js Math.random()函数生成n到m间的随机数字
2014/10/09 Javascript
js实现的四级左侧网站分类菜单实例
2015/05/06 Javascript
Js得到radiobuttonlist选中值的两种方法(推荐)
2016/08/25 Javascript
Es6 Generator函数详细解析
2018/02/24 Javascript
微信小程序封装的HTTP请求示例【附升级版】
2019/05/11 Javascript
解决Idea、WebStorm下使用Vue cli脚手架项目无法使用Webpack别名的问题
2019/10/11 Javascript
JavaScript利用键盘码控制div移动
2020/03/19 Javascript
JS实现鼠标移动拖尾
2020/12/27 Javascript
[52:29]DOTA2上海特级锦标赛主赛事日 - 2 胜者组第一轮#3Secret VS OG第三局
2016/03/03 DOTA
python实现向ppt文件里插入新幻灯片页面的方法
2015/04/28 Python
基于python的socket实现单机五子棋到双人对战
2020/03/24 Python
python join方法使用详解
2019/07/30 Python
pytest中文文档之编写断言
2019/09/12 Python
django框架单表操作之增删改实例分析
2019/12/16 Python
ebookers英国:隶属全球最大的在线旅游公司Expedia
2017/12/28 全球购物
意大利香水和化妆品购物网站:Parfimo.it
2019/10/06 全球购物
劳动竞赛口号
2014/06/16 职场文书
社团活动总结书
2014/06/27 职场文书
2015年党员干部承诺书
2015/01/21 职场文书
支行行长岗位职责
2015/02/15 职场文书
导盲犬小Q观后感
2015/06/11 职场文书
运动会宣传稿50字
2015/07/23 职场文书
助学金申请书该怎么写?
2019/07/16 职场文书
JavaScript小技巧带你提升你的代码技能
2021/09/15 Javascript