zoukankan      html  css  js  c++  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();
          });
        });

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

  • 相关阅读:
    Android系统框架
    get请求在ie浏览器下有缓存
    select2的基本用法
    js 获取url中的查询字符串
    常用的正则验证
    此计算机当前已经连接限制为。。
    sharepoint 备份和还原site脚本
    sharepoint 删除list里的所有内容
    ajax调用服务的基本格式
    rest的config
  • 原文地址:https://www.cnblogs.com/qianyouluo/p/5029545.html
Copyright © 2011-2022 走看看