jquery基礎入門

3131 ワード


 jquery学習サイト:http://www.w3school.com.cn/jquery/jquery_events.asp
 
文法の説明
ドル(this)
現在のHTML要素
$("p")
すべての

要素
ドル(「p.intro」)
すべてのクラス="intro"の

要素
ドル(「.intro」)
すべてのクラス=「intro」の要素
米ドル(「萍intro」)
id=「intro」の最初の要素
米ドル(「ul li:first」)

    の最初の
  • 要素
    $(「[href='.jpg]」)
    「.jpg」で終わる属性値を持つすべてのhref属性
    米ドル(「div菵intro.head」)
    id=「intro」の「div」の要素のすべてのクラス=「head」の要素
     
     
    選択例の選択

    (「*」)
    すべての要素
    同前
    米ドル(「啢lastname」)
    id=「lastname」の要素
    .クラス
    ドル(「.intro」)
    すべてのクラス=「intro」の要素
    element
    $("p")
    すべての

    要素
    .class.class
    ドル(「.intro.demo」)
    すべてのクラス=「intro」かつクラス=「demo」の要素
     
     
     
    :first
    $(「p:first」)
    最初の

    要素
    :last
    $(「p:last」)
    最後の

    要素
    :even
    ドル(「tr:even」)
    すべての偶数要素
    :odd
    ドル(「tr:odd」)
    すべての奇数要素
     
     
     
    :eq(index)
    ドル("ul li:eq(3)"
    リストの4番目の要素(indexは0から開始します。)
    :gt(no)
    ドル("ul li:gt(3)"
    indexが3より大きい要素を一覧表示します。
    :lt(の)
    米ドル(「ul li:lt(3)」)
    indexが3以下の要素を一覧表示します。
    :not(selector)
    ドル(「input:not(:empty)」)
    すべては空ではないinput元素です。
     
     
     
    :header
    ドル(「:header」)
    すべてのタイトル要素-
    :animed
     
    すべてのアニメーション要素
     
     
     
    :contains(text)
    ドル(「:contains('W 3 Schol')」)
    指定された文字列を含むすべての要素
    :empty
    ドル(「:empty」)
    サブノードがないすべての要素
    :hidden
    $(「p:hidden」)
    すべての隠し要素
    :visible
    ドル(「テーブル:visible」)
    表示されているすべてのテーブル
     
     
     
    s 1,s 2,s 3
    ドル(「th,td,.intro」)
    選択にマッチするすべての要素
     
     
     
    [atribute]
    ドル(「[href]」)
    すべてのhref属性を持つ要素
    [atribute=value]
    ドル(「[href='[〹]」)
    すべてのhref属性の値は、「〓」の要素に等しい。
    [atribute!=value]
    $(「[href!='(啯啱')」)
    すべてのhref属性の値は、「〓」の要素に等しくない。
    [atributeドル=value]
    $(「[href='.jpg]」)
    すべてのhref属性の値は「.jpg」で終わる要素を含みます。
     
     
     
    :input
    ドル(「:input」)
    すべての要素
    :text
    $(「:text」)
    すべてのtype=「text」の「input」要素
    :password
    ドル(「:password」)
    すべてのtype=「password」の「input」要素
    :ラジオ
    ドル(「:radio」)
    すべてのtype=「radio」の「input」要素
    :checkbox
    ドル(「:checkbox」)
    すべてのタイプ=「checkbox」の「input」要素
    :submit
    ドル(「:submit」)
    すべてのタイプ=「submit」の「input」要素
    :リセット
    ドル(「:reet」)
    すべてのタイプ=「リセット」の「input」要素
    :button
    (「:button」)
    すべてのタイプ=「button」の「input」要素
    イメージ
    (「:イメージ」)
    すべてのtype=「イメージ」の「input」要素
    :file
    ドル(「:file」)
    すべてのタイプ=「file」の「input」要素
     
     
     
    :enaboled
    ドル(「:enabled」)
    アクティブなすべてのinput要素
    :disabled
    ドル(「:disabled」)
    すべての無効なinput要素
    :selected
    ドル(「:selected」)
    選択されたすべてのinput要素
    :チェッカード
    ドル(「:checked」)
    選択されたすべてのinput要素
     
     
    例:
    <script type=「text/javascript」$(document).ready(function){  $("button").click(function(){
        $("p").hide();
      });
    )