星空网 > 软件开发 > 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='/images/loading.gif' data-original="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();
      });
    });

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




原标题:jquery 核心

关键词:jquery

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

Shopee商品上新规范!:https://www.goluckyvip.com/news/1609.html
突发!亚马逊一大型仓库发生火灾!:https://www.goluckyvip.com/news/161.html
FBW海外仓美国路向的两大仓库运费调整_wish部分德国路向订单需使用指定物流渠道:https://www.goluckyvip.com/news/1610.html
跨境电商新平台——东南亚Shopee强势来袭!:https://www.goluckyvip.com/news/1611.html
Shopee借助众多明星做营销引流,Shopee 9.9超级购物日战绩喜人:https://www.goluckyvip.com/news/1612.html
剥离法案表决在即,TikTok CEO周受资将赴美国会游说:https://www.goluckyvip.com/news/161258.html
24年的广交会又来了-新人机场接待客户:https://www.kjdsnews.com/a/1842031.html
24年的广交会又来了-新人机场接待客户:https://www.xlkjsw.com/news/90181.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流