jquery中dom元素和属性用法实例汇总
程序员文章站
2022-05-23 20:21:43
...
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元素和属性用法实例汇总的详细内容,更多请关注其它相关文章!
推荐阅读
-
jQuery中复合属性选择器用法实例教程
-
jquery中show()、hide()和toggle()用法实例教程
-
JS和jQuery通过this获取html标签中的属性值(实例代码)
-
jquery中show()、hide()和toggle()用法实例教程
-
jQuery中复合属性选择器用法实例教程
-
JQuery中attr方法和removeAttr方法用法实例_jquery
-
jquery中show()、hide()和toggle()用法实例_jquery
-
jQuery使用之标记元素属性用法实例教程
-
Java:使用DOM4j来实现读写XML文件中的属性和元素
-
jQuery使用之标记元素属性用法实例_jquery