jquery中dom元素和属性用法实例汇总
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了jquery中dom元素和属性用法实例汇总,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2246字,纯文字阅读大概需要4分钟。
内容图文
DOM 元素方法1. .get()
$(selector).get(index)//可选。规定获取哪个匹配元素(通过 index 编号)。 //get() 方法获得由选择器指定的 DOM 元素 $("button").click(function(){ x=$("p").get(0); $("div").text(x.nodeName + ": " + x.innerHTML); });//获得第一个 p 元素的名称和值
2. .index()
$(selector).index()//获得第一个匹配元素相对于其同胞元素的 index 位置,如果未找到元素,index() 将返回 -1。 $(selector).index(element)//获得元素相对于选择器的 index 位置 $("li").click(function(){ alert($(this).index()); });//获得第一个 p 元素的名称和值
3. .size()
$(selector).size()//返回被 jQuery 选择器匹配的元素的数量
4. .toArray()
$(selector).toArray()//以数组的形式返回 jQuery 选择器匹配的元素 $("button").click(function(){ x=$("li").toArray() for (i=0;i<x.length;i++) { alert(x[i].innerHTML); } });//将 li 元素转换为数组,然后输出该数组元素的 innerHTML
属性
1. jquery
jquery 属性返回的字符串包含 jquery 的版本号
$().jquery $("button").on("click",function(){ var version = $().jquery; alert("You are running jQuery version: " + version); });
2. 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> 元素的动画
3. 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"); });
4. jQuery.support
jQuery.support.propvalue
jQuery.support 属性包含表示不同浏览器特性或漏洞的属性集。
此属性主要用于 jQuery 的内部使用
$(document).ready(function(){ $("p").html("This browser can create XMLHttpRequest object: " + jQuery.support.ajax); });测试浏览器是否能创建 XMLHttpRequest 对象
5. length
length 属性包含 jQuery 对象中元素的数目
$(selector).length $("button").click(function(){ alert($("li").length); });//输出 <li> 元素的数目
以上就是jquery中dom元素和属性用法实例汇总的详细内容,更多请关注Gxl网其它相关文章!
内容总结
以上是互联网集市为您收集整理的jquery中dom元素和属性用法实例汇总全部内容,希望文章能够帮你解决jquery中dom元素和属性用法实例汇总所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。