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(); }); });只是简单地整理,方便记住主要哪些知识!