jquery核心

王朝学院·作者佚名  2016-08-27
窄屏简体版  字體: 小  |  中  |  大  |  超大  

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();

});

});

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

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有 導航