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> 元素的数目

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