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> 元素的数目
-----------------------------------------
jQuery 数据 DOM 元素 核心 属性的更多相关文章
- jQuery操纵DOM元素属性 attr()和removeAtrr()方法使用详解
jQuery操纵DOM元素属性 attr()和removeAtrr()方法使用详解 jQuery中操纵元素属性的方法: attr(): 读或者写匹配元素的属性值. removeAttr(): 从匹配的 ...
- JQuery处理DOM元素-属性操作
JQuery处理DOM元素-属性操作 //操作元素的属性: $('*').each(function(n){ this.id = this.tagName + n; }) //获取属性值: $('') ...
- web进阶之jQuery操作DOM元素&&MySQL记录操作&&PHP面向对象学习笔记
hi 保持学习数量和质量 1.jQuery操作DOM元素 ----使用attr()方法控制元素的属性 attr()方法的作用是设置或者返回元素的属性,其中attr(属性名)格式是获取元素属性名的值,a ...
- jquery中dom元素的attr和prop方法的理解
一.背景 在编写使用高版本[ jQuery 1.6 开始新增了一个方法 prop()]的jquery插件进行编写js代码的时候,经常不知道dom元素的attr和prop方法到底有什么区别?各自有什么应 ...
- jquery 操作DOM元素(1)
.clone() 创建一个匹配的元素集合的深度拷贝. .clone([withDataAndEvents]) withDataAndEvents (默认为false) 一个Boolean 表示是否会复 ...
- html标签属性(attribute)和dom元素的属性(property)
简介 attribute和property都有属性之意,但对于attribute和property的区分其实并不难.从对象来说,attribute是html文档上标签属性, 而property则是对应 ...
- jQuery操作DOM元素
作为一个后端程序员,也是要和前端页面打交道的.最常见的场景莫过DOM元素操作和前端页面使用AJAX向服务器发送请求.实现上述两个功能当然可以使用原生js来完成,但在实际开发过程中很少这样做,通常会使用 ...
- jQuery -- 光阴似箭(三):jQuery 操作 HTML 元素和属性
jQuery -- 知识点回顾篇(三):jQuery拥有操作 HTML 元素和属性的强大方法. 1. 获取HTML 元素的内容和属性 (1) 获得内容: text().html() 以及 val() ...
- Jquery重新学习之四[核心属性与文档处理属性]
1:核心.each(callback),size(),length(),get([index]) 1.1 .each(callback)通过它可以遍历对象.数组的属性值并进行处理 <form i ...
随机推荐
- Http请求通信(工具类)
Http请求通信(工具类) 异步消息处理流程是: 首先需要在主线程当中创建一个Handle对象,并重写handlerMessage()方法. 然后当子线程中需要进行UI操作时,就创建一个Message ...
- android studio 无法在可视化页面预览布局文件
Rendering Problems the following classes could not be found:android.support.v7.internal.widget.Actio ...
- java.sql.Date to java.util.Date
发这篇博文的题目可能无法直接表示内容,但是确实是java.sql.Date和java.util.Date. 今天在使用'net.sf.json.JSONObject'封装json数据的时候,碰到很奇怪 ...
- centos 彻底卸载mysql
yum remove mysql mysql-server mysql-libs compat-mysql51rm -rf /var/lib/mysqlrm /etc/my.cnf查看是否还有mysq ...
- Object layout in C++ and access control
The variables are guaranteed to be laid out contiguously, as in C. However, the access blocks may no ...
- javascript动态添加效果
<script type="text/javascript"> window.onload=function(){ $("#ch").click(f ...
- 运用预加载提升H5移动页面的用户体验
原文地址:http://www.grycheng.com/?p=2188 在做h5移动页面,相信大家一定碰到过页面已经打开,但是里面的图片还未加载出来的情况,这种问题虽然不影响页面的功能,但是不利于用 ...
- 读书笔记-《Training Products of Experts by Minimizing Contrastive Divergence》
Training Products of Experts by Minimizing Contrastive Divergence(以下简称 PoE)是 DBN 和深度学习理论的 肇始之篇,最近在爬梳 ...
- 学学Whatsapp,如何让自己挣160亿美金,然后退休?开发个J2ME应用。
facebook用160亿美元收购了Whatsapp,要知道这是facebook市值1600亿美元的十分之一,而Whatsapp是一个只有50名员工的小公司,这个价格让硅谷各种科技公司大佬跌破镜框.其 ...
- C#让程序自动在管理员权限下运行
windows 7和vista提高的系统的安全性,同时需要明确指定“以管理员身份运行”才可赋予被运行软件比较高级的权限,比如访问注册表等.否则,当以普通身份运行的程序需要访问较高级的系统资源时,将会抛 ...