jquery基礎入門
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();
});