タグ

jQueryとAPIに関するNEPPIEのブックマーク (2)

  • 初めてのjQuery:セレクターAPIを一挙解説(後編) (1/5)

    (前編からの続き) 4.CSSの属性セレクター jQueryは、CSSの属性セレクターの多くにも対応しています。属性セレクターとは、要素の持つ属性の条件で絞り込めるセレクターです。[...] の内側に属性の条件を記述します。 ■[attribute] 特定の属性を持つ要素を指定できるセレクターです。 ▼サンプルコード(HTML部分) <ul> <li id="first">テキストテキストテキストテキストテキスト</li> <li class="second">テキストテキストテキストテキストテキスト</li> <li id="third">テキストテキストテキストテキストテキスト</li> <li class="fourth">テキストテキストテキストテキストテキスト</li> </ul> ▼サンプルコード(スクリプト部分) $(function(){ $("[id]").css("co

    初めてのjQuery:セレクターAPIを一挙解説(後編) (1/5)
  • 初めてのjQuery:セレクターAPIを一挙解説(前編) (1/6)

    jQueryの具体的な記述方法に入る前に、そもそもJavaScriptでは何ができるかということに少し触れておきましょう。 誤解を恐れずに言えば、JavaScriptは「(X)HTMLCSS(Cascading Style Sheets)を操作するためのプログラミング言語」です。Webサイトを作成するには、通常、(X)HTMLでコンテンツの構造や内容を、CSSで見た目であるレイアウトや装飾を記述します。これに対してJavaScriptは、ユーザーの操作などが発生したタイミングで(X)HTMLCSSを動的に変更することにより、Webサイトにインタラクティブな動きを与えます。 たとえば、第1回で紹介したアコーディオンパネルは、「dt要素がクリックされたらdd要素のheightプロパティを変更する」という処理によって、パネル部分が伸び縮みする動きを実現しています。 jQueryに限らず、Ja

    初めてのjQuery:セレクターAPIを一挙解説(前編) (1/6)
  • 1