首頁 > web前端 > js教程 > 主體

jquery中dom元素和屬性用法實例匯總

伊谢尔伦
發布: 2017-06-19 10:52:29
原創
1057 人瀏覽過

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元素和屬性用法實例匯總的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板