小試験JQuery

目的

偶然の機会に、いくつかの先端の基本的な知識を使ってhtml上のプログラミングを行う必要があるので、ついでにJQueryを味わってみました.

リファレンス

中国語版のオンラインマニュアル

セレクタ

入門にとって、JQueryが最もよく使うのはセレクタだと思います.セレクタは、正規検索に似た式として理解されます.

使用

idによって要素が見つかりました:$("#要素id").例:

$('#my-table')

上を探します:$(this).parents('スタイル').例:

$(this).parents('tr')

現在の要素の親要素にラベルが含まれている要素parent()は、より詳細な分類をサポートします.

下を探します:$(this).children()

水平検索:

$(this).first() //this       ， this          
$("p").prev() //  
      
$("p").next() //  
      

プロパティ:attr('プロパティ名').例えば

$(this).attr('id')

text():値を取ることも、値を設定することもできます.例:

//  
Hello World

$('p').text() //Hello World
$('p').text("      ") //  
      

val():valueを取得することも、設定することもできます.入力ボックスでは、ドロップダウン・オプションでよく使用されます.例:

$("#my-widget-id").val() //  my-widget-id value