免费注册 查看新帖 |

Chinaunix

  平台 论坛 博客 文库
最近访问板块 发新帖
查看: 4013 | 回复: 5
打印 上一主题 下一主题

jquery精简了 [复制链接]

论坛徽章:
0
跳转到指定楼层
1 [收藏(0)] [报告]
发表于 2011-11-28 19:30 |只看该作者 |倒序浏览
本帖最后由 greenbox 于 2012-05-26 16:11 编辑

【这个js用法和jquery的用法,一模一样,你可以把原有习惯带过用来】

这段时间,要用到手机开发,因此把一些jquery给去掉了,对事件来说只留了个click,
其它dblclck,拖动,对于手机真不适合,


另外保留了一些find,  $("input[@type"]),  $("#id"),  $(".class"),  $("<div>a</div>)",
$.html, $.each, $.attr, $.css, $.before,等等,

A 要增加事件,自己就按着那个click一样补上绑定,
B 要增加其它函数,就往extend上补吧。

如果要用ajax,自己可以额外写一下。
以下代码我在Defy手机上测试了,是没问题的。

<script language="javascript" src="roo.js"></script>

<script language="javascript">

function InitAjax()
{
        var ajax=false;
        try {
           ajax = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e) {
           try {
                ajax = new ActiveXObject("Microsoft.XMLHTTP");
           } catch (E) {
                ajax = false;
           }
        }
        if (!ajax && typeof XMLHttpRequest!='undefined') {
           ajax = new XMLHttpRequest();
        }
    return ajax;
}

function ajax_get(url)
{
        var ajax = InitAjax();
        //使用Get方式进行请求
        ajax.open("GET", url, true);
        //获取执行状态
        ajax.onreadystatechange = function() {
                if (ajax.readyState == 4 && ajax.status == 200) {
                        $("#content").before("wewewe");
                }
        }
       
        ajax.send(null);
}

$(document).ready(function(){
       
        //$("#loading").hide();
       
        $("#more").click(function(){
                //var data = "more=yes";
                var str = '';
                var msgObj = '';
                //$("#loading").show();       
                ajax_get("server.php?more=yes");
        });

});

roo.zip

10.47 KB, 下载次数: 40

论坛徽章:
0
2 [报告]
发表于 2012-05-26 16:18 |只看该作者
本帖最后由 greenbox 于 2012-05-26 16:18 编辑

最近又再修复了,这次比上次更新较多,
find(), setArray, hasClass, removeClass, addClass,
append, bind, show, hide, getJSON, 又进行了修改,
上次虽精简了,但还是不少是jquery的。

这次再重新学习下,加入自己元素。
期待下次。

roo.rar

5.33 KB, 下载次数: 17

论坛徽章:
0
3 [报告]
发表于 2012-06-01 07:53 |只看该作者
  1. Roo.fn = Roo.prototype = {
  2.         init: function( selector, context ) {

复制代码
这是什么写法

论坛徽章:
0
4 [报告]
发表于 2012-06-02 23:43 |只看该作者
本帖最后由 greenbox 于 2012-06-02 23:44 编辑

就是覆盖prototype, 最终 prototype只有 init(),xxx()等方法,
fn就是for convenience.     其实这都是jq源码中的,我没有修改。

论坛徽章:
0
5 [报告]
发表于 2012-06-13 10:46 |只看该作者
不是有 jquery mobile 吗?

论坛徽章:
5
丑牛
日期:2014-01-21 08:26:26卯兔
日期:2014-03-11 06:37:43天秤座
日期:2014-03-25 08:52:52寅虎
日期:2014-04-19 11:39:48午马
日期:2014-08-06 03:56:58
6 [报告]
发表于 2012-06-13 16:19 |只看该作者
期待下次。
您需要登录后才可以回帖 登录 | 注册

本版积分规则 发表回复

  

北京盛拓优讯信息技术有限公司. 版权所有 京ICP备16024965号-6 北京市公安局海淀分局网监中心备案编号:11010802020122 niuxiaotong@pcpop.com 17352615567
未成年举报专区
中国互联网协会会员  联系我们:huangweiwei@itpub.net
感谢所有关心和支持过ChinaUnix的朋友们 转载本站内容请注明原作者名及出处

清除 Cookies - ChinaUnix - Archiver - WAP - TOP