JQuery $() の使用法の概要

今回は、JQuery $() の使い方についてまとめてみます。 JQuery $() を使用する際の 注意点 を以下に挙げます。

tag selector$('p')、class selector$('.myClass')、id selector$('#myId') は比較的単純で、多くを言う必要はありません。ただし、$('p>ul') と $('p ul') には違いがあります。

gt; の直接の子孫です。 find

$('p ul') は、

のすべての子孫の中から

を検索します。

したがって、$('#sId>li') は、この

• の子孫に
• が含まれている場合でも、ID が「sId」であるすべての
• 子ノードを選択します。スコープ (検出される DOM オブジェクトは、それ自体のレベルの DOM オブジェクトのみです)。 $('#sId li:not(.horizo​​ntal)') は、クラス名 "sId" 内の li のすべての子孫が、horizo​​ntal クラスのすべての要素を持たないことを意味します。 ——not() ここは否定です
  
  ここで返されるのは jQurey オブジェクト、配列オブジェクトです。この jQuery オブジェクトの長さは .length() で取得できます。
  2.

  属性セレクターです
  
  [] には @ がありません。これは、[] が要素の子孫であることを示します。 $('ul li') と $('ul[li]') はどちらも jQuery 配列を返しますが、その意味はまったく逆です。前者は、

  の下にある
  • の子孫をすべて検索するものであり、後者は、子孫が
  • である
    配列を検索するものです。 XPath で、「... で始まる」属性を検索したい場合は、^= を使用します。 name 属性が mail で始まる入力要素を検索したい場合は、
    $('input[@name^=" mail" ]')
    「...で終わる」属性を検索するには、$= を使用します。
    「始まりも終わりもない」属性を検索するには、*= を使用します。
    3. 上記に属さないセレクター-前述の CSS と XPath は、「:」で表されるカスタム セレクターです。ここで使用するものは、first、:last、:parent、:hidden、:visible、:odd、:even、:not(' です。 xxx')、" :eq(0)" (0 から始まる)、:nth(n)、:gt(0)、:lt(0)、:contains("xxx")
    例: $('tr :not([th] ; )、このメソッドは、DOM ノードが特定のアクションを実行し、その後その関連ノードで同様のアクションを実行したい場合に使用する必要があるため、ここでは end() が使用されます。 end() メソッドを使用すると、アクションを実行するノードの親ノードが返されます。例:
    $(...).parent().find(...).addClass().end()
    ここでアクションを実行するノードは配列オブジェクトである find(...) です。アクションは「addClass()」であり、次に end() が使用されます。このとき、返されるものは、「addClass()」アクションを実行する配列オブジェクトであるparent()が指すノードを指します。の親ノード。
    5. DOM 要素に直接アクセスするには、
    $('#myelement').get(0) などの get(0) メソッドを使用できます。これは $('#myelement')[0 と省略することもできます。 】
    

    この記事の事例を読んだ後は、その方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。
    
    推奨読書:
    
    
    ページ、表示可能領域、画面などの幅と高さの属性を操作する方法

    Web Storageの使用方法

    以上がJQuery $() の使用法の概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。