你的位置:首页 > Java教程

[Java教程]jquery 核心


1.jquery核心函数
    1.1 jQuery([selector,[context]]);
        $("#id"),$(document.body),$("input",document.forms[0])//在第一个表单中查找input元素
    1.2 jQuery(html,[ownerDocument]);jQuery(html,props)
        html:用于动态创建DOM元素的HTML标记字符串
        [ownerDocument]:创建DOM元素所在的文档
        props:用于附加到新创建元素上的属性、事件和方法
        $("<div><p>sssss</p></div>").appendTo("body");
        $("<input>",{
                    type:"text",
                    val:"Test",
                    focus:function(){$(this).addClass("focus");},
                    blur:function(){}
                    }).appendTo("form");
    1.3 jQuery(callback)
        $(document).ready(function(){})   简写   $(function(){})
    1.4 jQuery.holdReady(hold)  暂停或恢复.ready() 事件的执行。
        $.holdReady(true);
        $.getScript("my.js",function(){$.holdReady(false);})
2.jquery对象缓存
    2.1 each(callback) 遍历
        $("img").each(function(i){
            this.src="test"+ i +".png";
            $(this).attr("src","test"+ i +".png");
        });
        $("div").each(function(index,domEle){    //domEle==this
            $(domEle).css("color","red");
            if($(this).is("#id")){
                $("span").text(index);
                return false;
               }
            })
    2.2 size() 针对标签对象元素,只能在jquery中使用
        $("p").size();
    2.3 length 标签对象元素与字符串的长度或者计算一个数组元素的个数,可以在js中使用
    2.4 selector属性     返回传给jQuery()的原始选择器。
        $("ul li").selector  返回 ul li
        $("div#id ul:not([class])") 返回 div#id ul:not([class])
    2.5 context属性
        $("ul", document.body).context.nodeName 返回 BODY
    2.6 get([index])
        $("img").get(0);  等价于  $("img")[0];
    2.7 index([selector|element])
        $("li").index($("#bar"))
        $("#bar").index("li")
3.数据缓存
    3.1 data([data],[value])
        $("div").data("key","value");
        $("div").data("test",{first:"sm",last:"zs"});
        $("div").data("test").first
    3.2 removeData()
        $("div").removeData("test");
4.队列控制
    4.1 queue(element,[queueName]) 显示或操作在匹配元素上执行的函数队列
    4.2 dequeue([queueName]) 从队列最前端移除一个队列函数,并执行他。
    4.3 clearQueue([queueName]) 清空对象上尚未执行的所有队列
5.插件机制
    5.1 $.extend()与$.fn.extend()
    插件开发包括两种:1.类级别的插件开发,即$.extend()扩展jquery对象本身;2.对象级别的插件开发,即$.fn.extend()扩展jquery元素集来提供新的方法。
6.多库共存
    jQuery.noConflict();
    var jq=$.noConflict();
    jq(document).ready(function(){
      jq("button").click(function(){
        jq("p").hide();
      });
    });

只是简单地整理,方便记住主要哪些知识!