最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

jquery中dom元素和属性用法实例汇总

来源:动视网 责编:小采 时间:2020-11-27 20:19:27
文档

jquery中dom元素和属性用法实例汇总

jquery中dom元素和属性用法实例汇总:DOM 元素方法1. .get()$(selector).get(index)//可选。规定获取哪个匹配元素(通过 index 编号)。 //get() 方法获得由选择器指定的 DOM 元素 $("button").click(function(){ x=$("p").get(0)
推荐度:
导读jquery中dom元素和属性用法实例汇总:DOM 元素方法1. .get()$(selector).get(index)//可选。规定获取哪个匹配元素(通过 index 编号)。 //get() 方法获得由选择器指定的 DOM 元素 $("button").click(function(){ x=$("p").get(0)


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中dom元素和属性用法实例汇总:DOM 元素方法1. .get()$(selector).get(index)//可选。规定获取哪个匹配元素(通过 index 编号)。 //get() 方法获得由选择器指定的 DOM 元素 $("button").click(function(){ x=$("p").get(0)
推荐度:
标签: 元素 例子 对象
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top