jquery 核心1.选择器,2. 创建dom 元素 3. jquery 执行时 4. 延迟执行 5. 循环 6. 计算长度。7.8 获得选择器和所在节点 9. 获得下标 10. 元素存放数据 11.队列 12. jQuery引用
1. jQuery([selector,[context]]) 选择器,查找域
如: $(myForm.elements).hide(); 隐藏表单元素
$("input:radio",document.forms[0])
$("div",xml.responseXML); 在一个由Ajax 返回的xml文档中,查找div 元素
2. jQuery(html,[ownerDocument]) 创建dom 元素并指定所在文档
$("<div>aa</div>").appendTo("body");
$("<input type='checkbox'/>")
jquery(html,pros); 创建dom 参数,并指定属性。
$("div",{"class":"test",text:"cla",click:function(){
$(this).toggleClass("test1");
}}).appendTo("body");
3. jQuery(callback) 相当于 $(document).ready();
$(function(){})
jQuery(function($){})
4. jQuery.holdReady(hold); 指示是否暂停或恢复被请求的ready 事件
$.holdReady(true);
$.getScript("a.js",function(){
$.holdReady(false);
});
5. each(); get()
6. size() length;
7. selector 选择器 $("ul").selector;就是返回你用什么选择器来找到这个元素的 ul
8. context 返回传给jQuery()的原始的DOM节点内容 $("ul",a).context 结果 [object htmldocument] 返回的就是a, 指定所在节点
$("ul",document.body).context.nodeName 返回 body.
9. index([selector|element]) 获得下标
$("li").index(document.getElementById("bar")); 1 传递一个DOM对象,返回这个对象在原先集合中的索引位置
$("li").index($("#bar")); 1 传递一个jQuery对象
$("li").index($("li:get(0)")) ; 1 传递一组jQuery对象,返回这个对象中第一个元素在原先集合中的索引位置
$("#bar").index("li"); 1 传递一个选择器,返回#bar在所有li中的做引位置
$("#bar").index() ; 1 不传递参数,返回这个元素在同辈中的索引位置。
10. data([key],[value]) 在元素上存放数据,返回jQuery 对象。可以存放任何格式的数据,而不仅仅是字符串。
$("div").data("aa","hell0"); 设置
$("div").data("aa"); 获取
$("div").removeData("aa");
$("div").data("aa",{first:1,last:2});
$("div").data("aa").first;
11. queue(element,[queuename]); 显示或操作在匹配元素上执行的函数队列。
queue(element,queuename,newquenu) 对列替换 queuename 默认是fx,标准的效果序列
queue(element,queuename,callback()) 为队列添加函数
$("div").queue("fx"); 获得所有队列
$("div").queue("fx", []); 替换为空,等同于删除队列。
$("div").stop();
$("div").queue(function(){
$(this).removeClass("a");
$(this).dequeue(); 插入一个自定义函数后,如果函数执行完后想继续队列,则执行该方法。 dequeue结束自定义队列函数,并让队列继续执行下去。
});
$("div").slideUp();
clearQueue([queuename]) queuename含有队列名的字符串。默认是"Fx",动画队列。如果不带参数,则默认清空的是动画队列。这跟stop(true)类似,但stop()只能清 空动画队列,而这个可以清空所有通过 .queue() 创建的队列。
12. jQuery.noConflict([extrame])
jQuery.noconflict();
将$引用的对象映射回原始的对象。
jQuery("div p").hide();
var dom={};
dom.query=jQuery.noconflict(true); 传入 true 来允许彻底将jQuery变量还原.完全将 jQuery 移到一个新的命名空间。
dom.query("div p").hide();