发布于 2016-08-26 19:15:54 | 25 次阅读 | 评论: 0 | 来源: 网友投递

这里有新鲜出炉的jQuery示例,程序狗速度看过来!

jQuery javascript框架

jQuery是一个兼容多浏览器的javascript框架,核心理念是write less,do more(写得更少,做得更多)。jQuery在2006年1月由美国人John Resig在纽约的barcamp发布,吸引了来自世界各地的众多JavaScript高手加入,由Dave Methvin率领团队进行开发。



demo:http://www.healdream.com/upLoad/html/jquery/position/
down:http://www.51files.com/?Z25US63TM6OBHQJ2XM58

用法:
首先当然是将两个js包含进来了

<script type="text/javascript" src="../jquery.js"></script> 
<!-- load dimensions.js (this is what we're testing! --> 
<script type="text/javascript" src="dimensions.js"></script>


 <script type="text/javascript" charset="utf-8"> 
            $(function() {//这个是$(document).ready()的简写 
                $('#userAgent').html(navigator.userAgent);//.html(str)方法是将当前dom用str替代 
                //navigator.userAgent这句是用来得到客户端的浏览器类型的 
                $('a').click(function(event) {//对链接的点击事件定义函数 
                    var href = this.href;//得到当前的链接字符串 
                    var id = href.substr(href.indexOf('#'));//得到#后面的字符串 
                    var options = {//定义各个参数,主要是待会move时用到 
                        margin:  parseInt( $('#margin').val()  ),//.val()方法是得到当前对象的value值 
                        border:  parseInt( $('#border').val()  ),//parseInt方法就是转换为int型,也就是整形 
                        padding: parseInt( $('#padding').val() ), 
                        scroll:  parseInt( $('#scroll').val()  ) 
                    }; 
                    var offset = {}; 
                    //offset方法是在dimensions.js里定义的 
                    $(id).offset(options, offset); 
                    $('#moveable').css(offset);//设置id为moveable的dom的css为offset 
                    return false; 
                }); 
            }); 
        </script>

主要的代码就这些了,是不是很简单啊


相关阅读 :
用jquery来定位
jQuery实现定位滚动条位置
用jQuery向div中添加Html文本内容的简单实现
用jQuery获取table中行id和td值的实现代码
一个用jquery写的判断div滚动条到底部的方法【推荐】
用jquery模仿的a的title属性的例子
JavaScript用JQuery呼叫Server端方法示例代码
用jquery实现动画跳到顶部和底部(这个比较简单)
用jquery修复在iframe下的页面锚点失效问题
用Jquery选择器计算table中的某一列某一行的合计
用jquery的方法制作一个简单的导航栏
教你用jquery实现iframe自适应高度
最新网友评论  共有(0)条评论 发布评论 返回顶部

Copyright © 2007-2017 PHPERZ.COM All Rights Reserved   冀ICP备14009818号  版权声明  广告服务