ホームページ > ウェブフロントエンド > jsチュートリアル > jqueryにおけるDOM要素と属性の使用例まとめ

jqueryにおけるDOM要素と属性の使用例まとめ

伊谢尔伦
リリース: 2017-06-19 10:52:29
オリジナル
1067 人が閲覧しました

DOM 要素メソッド

1. .get()

$(selector).get(index)//可选。规定获取哪个匹配元素(通过 index 编号)。
//get() 方法获得由选择器指定的 DOM 元素
$("button").click(function(){
  x=$("p").get(0);
  $("div").text(x.nodeName + ": " + x.innerHTML);
});//获得第一个 p 元素的名称和值
ログイン後にコピー

3. .size()

$(selector).index()//获得第一个匹配元素相对于其同胞元素的 index 位置,如果未找到元素,index() 将返回 -1。
$(selector).index(element)//获得元素相对于选择器的 index 位置
$("li").click(function(){
  alert($(this).index());
});//获得第一个 p 元素的名称和值
ログイン後にコピー

4.

1. jquery

jquery プロパティによって返される string

には、jquery

$(selector).size()//返回被 jQuery 选择器匹配的元素的数量
ログイン後にコピー
2 のバージョン番号が含まれます。プロパティ
アニメーション
の実行速度をミリ秒単位で変更するために使用されます。このプロパティを操作して、アニメーションが実行される 1 秒あたりのフレーム数を調整できます。アニメーションの実行速度をミリ秒単位で指定します。デフォルトは 13 ミリ秒です

$(selector).toArray()//以数组的形式返回 jQuery 选择器匹配的元素
$("button").click(function(){
  x=$("li").toArray()
  for (i=0;i<x.length;i++)
    {
    alert(x[i].innerHTML);
    }
});//将 li 元素转换为数组,然后输出该数组元素的 innerHTML
ログイン後にコピー

3。jQuery.fx.offjQuery.fx.off プロパティは、すべてのアニメーションをグローバルに無効または有効にするために使用されます

jQuery.fx.off = true|false;

デフォルト値は次のとおりです。 false : アニメーションが適切に実行できるようになります。 true に設定すると、すべてのアニメーション メソッドが無効になり、エフェクト

$().jquery
$("button").on("click",function(){ 
  var version = $().jquery;
  alert("You are running jQuery version: " + version);
});
ログイン後にコピー

4 を表示する代わりに要素を最終状態に設定します。 jQuery.supportjQuery.support.propvalue

jQuery.support プロパティには表現セットが含まれます。さまざまなブラウザーの機能または脆弱性のプロパティ。

この属性は主に jQuery の内部使用に使用されます

$("#toggle").on("click",function(){
  $("div").toggle(5000);
});
$("#interval").on("click",function(){
  jQuery.fx.interval = 500;
});//以较少的帧数来运行 <div> 元素的动画
ログイン後にコピー

5。 length

length 属性には、jQuery オブジェクトの要素の数が含まれます

$("#true").click(function(){
  jQuery.fx.off = true;
});
$("#false").click(function(){
  jQuery.fx.off = false;
});
$("#toggle").click(function(){
  $("div").toggle("slow");
});
ログイン後にコピー

以上がjqueryにおけるDOM要素と属性の使用例まとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート