jQuery 数据 DOM 元素 核心 属性

jQuery 参考手册 - 数据

.clearQueue()

从序列中删除仍未运行的所有项目
.clearQueue(queueName) $("div").clearQueue();//清空队列

.data()

向被选元素附加数据,或者从被选元素获取数据

$(selector).data(name)//如果没有规定名称,则该方法将以对象的形式从元素中返回所有存储的数据

$(selector).data(name,value)向被选元素附加数据

$("#btn1").click(function(){
$("div").data("greeting", "Hello World");
});
$("#btn2").click(function(){
alert($("div").data("greeting"));
});//向元素附加数据,然后取回该数据

.dequeue()

为匹配元素执行序列中的下一个函数

.dequeue(queueName)

$("div").queue(function () {
$(this).toggleClass("red");
$(this).dequeue();
});//使用 dequeue() 终止一个自定义的队列函数

jQuery.hasData()

检测元素是否拥有与之相关的任何 jQuery 数据

jQuery.hasData(element)//可选。需要检查其数据的 DOM 元素

$(function(){
var $p = jQuery("p"), p = $p[0];
$p.append(jQuery.hasData(p)+" "); /* false */
jQuery.data(p, "testing", 123);
$p.append(jQuery.hasData(p)+" "); /* true */
jQuery.removeData(p, "testing");
$p.append(jQuery.hasData(p)+" "); /* false */
});//在元素上设置数据,然后查看 hasData 的结果 Query.hasData() 方法检测元素当前是否拥有通过使用 jQuery.data() 设置的任何值。如果没有数据与元素相关(根本不存在数据对象或者数据对象为空),则该方法返回 false;否则返回 true jQuery.hasData(element) 的主要优势是,在不存在数据对象的情况下,不会创建并将数据对象与元素进行关联。相反地,jQuery.data(element) 总是向调用者返回数据对象,如果之前数据对象不存在,则会创建它

.queue()

显示或操作在匹配元素上执行的函数队列

.queue(queueName)//字符串值,包含序列的名称。默认是 fx, 标准的效果序列

function showIt() {
var n = div.queue("fx");
$("span").text( n.length );
setTimeout(showIt, 100);
}//显示队列的长度 $('#foo').slideUp().fadeIn();//当这条语句执行时,元素会立即开始其滑动动画,但是淡入过渡被置于 fx 队列,只有当滑动过渡完成后才会被调用 这个特性与动画方法提供回调函数类似,但是无需在动画执行时设置回调函数:
$('#foo').slideUp();
$('#foo').queue(function() {
alert('Animation complete.');
$(this).dequeue();
});
等价于:
$('#foo').slideUp(function() {
alert('Animation complete.');
});
当通过 .queue() 添加函数时,我们应当确保最终调用了 .dequeue(),这样下一个排队的函数才能执行

.removeData()

法删除之前通过 data() 方法设置的数据

$(selector).removeData(name)//如果没有规定名称,该方法将从被选元素中删除所有已存储的数据

$("#btn2").click(function(){
$("div").removeData("greeting");
alert("Greeting is: " + $("div").data("greeting"));
});//从元素中删除之前添加的数据

jQuery 参考手册 - DOM 元素方法

.get()

$(selector).get(index)//可选。规定获取哪个匹配元素(通过 index 编号)。

get() 方法获得由选择器指定的 DOM 元素

$("button").click(function(){
x=$("p").get(0);
$("div").text(x.nodeName + ": " + x.innerHTML);
});//获得第一个 p 元素的名称和值

.index()

$(selector).index()//获得第一个匹配元素相对于其同胞元素的 index 位置,如果未找到元素,index() 将返回 -1。

$(selector).index(element)//获得元素相对于选择器的 index 位置

$("li").click(function(){
alert($(this).index());
});//获得第一个 p 元素的名称和值

.size()

$(selector).size()//返回被 jQuery 选择器匹配的元素的数量

.toArray()

$(selector).toArray()//以数组的形式返回 jQuery 选择器匹配的元素

$("button").click(function(){
x=$("li").toArray()
for (i=0;i<x.length;i++)
{
alert(x[i].innerHTML);
}
});//将 li 元素转换为数组,然后输出该数组元素的 innerHTML

jQuery 参考手册 - 核心

jQuery()

jQuery() 方法接受一个字符串,其中包含了用于匹配元素集合的 CSS 选择器

三种语法:
jQuery(selector, [context])
如果指定了 context 参数,如一个 DOM 元素集或 jQuery 对象,那就会在这个 context 中查找 jQuery(html,[ownerDocument])//使用原始 HTML 的字符串来创建 DOM 元素 jQuery( callback )//绑定一个在 DOM 文档载入完成后执行的函数

jQuery.noConflict()

var jq=$.noConflict();//使用 noConflict() 方法为 jQuery 变量规定新的名称

jQuery 参考手册 - 属性

jquery

jquery 属性返回的字符串包含 jquery 的版本号

$().jquery

$("button").on("click",function(){
var version = $().jquery;
alert("You are running jQuery version: " + version);
});

jQuery.fx.interval

jQuery.fx.interval = milliseconds;

jQuery.fx.interval 属性用于改变以毫秒计的动画运行速率。可操作该属性来调整动画运行的每秒帧数
规定以毫秒计的动画运行速率。默认是 13 毫秒 $("#toggle").on("click",function(){
$("div").toggle(5000);
});
$("#interval").on("click",function(){
jQuery.fx.interval = 500;
});//以较少的帧数来运行 <div> 元素的动画

jQuery.fx.off

jQuery.fx.off 属性用于对所有动画进行全局禁用或启用

jQuery.fx.off = true|false;

默认值是 false,它允许动画正常运行。当设置为 true 时,将禁用所有动画方法,这样会把元素设置为其最后的状态,而不是显示效果

$("#true").click(function(){
jQuery.fx.off = true;
});
$("#false").click(function(){
jQuery.fx.off = false;
});
$("#toggle").click(function(){
$("div").toggle("slow");
});

jQuery.support

jQuery.support.propvalue
jQuery.support 属性包含表示不同浏览器特性或漏洞的属性集。
此属性主要用于 jQuery 的内部使用 $(document).ready(function(){
$("p").html("This browser can create XMLHttpRequest object: " + jQuery.support.ajax);
});测试浏览器是否能创建 XMLHttpRequest 对象

length

length 属性包含 jQuery 对象中元素的数目

$(selector).length

$("button").click(function(){
alert($("li").length);
});//输出 <li> 元素的数目

-----------------------------------------

上一篇:C# Vista Command Link Control with Windows Forms


下一篇:Intent.putExtra()传递Object对象或者ArrayList (转)