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