/*TEXT.AREATEXT の値を取得します*/
var textval = $("#text_id").attr("value");
//または
var textval = $("#text_id") ) .val();
/*ラジオボタンの値を取得*/
var valradio = $("input[@type=radio][@checked]").val(); /* (items) という名前のラジオで選択されたアイテムのグループの値を取得します*/
var item = $('input[@name=items][@checked]').val();チェックボックスの値を取得*/
var checkboxval = $("#checkbox_id").attr("value");
/*ドロップダウンリストの値を取得*/
var selectval = $( '# select_id').val();
//テキストボックス、テキストエリア:
$("#text_id").attr("value",'');//内容をクリア
$("#text_id").attr("value",'test');//コンテンツを入力
//複数選択ボックスのチェックボックス:
$("#chk_id").attr(" selected", '');//チェックを外します
$("#chk_id").attr("checked",true);//チェックあり
if($("#chk_id").attr( 'checked')==true) //選択されているかどうかを判断します
//単一選択グループラジオ:
$("input[@type=radio]").attr( "checked ",'2');//value=2 の項目を現在選択されている項目として設定します
//ドロップダウン ボックスの選択:
$("#select_id").attr( "value",'test ');//value=test を設定する項目は現在選択されている項目です
$("
test
").appendTo("# select_id")//ドロップダウン ボックス オプションを追加します
選択されたラジオのセットの値を取得しますitems names (items)
var item = $('input[@name=items][@checked]').val();//選択されていない場合、val() = unknown
テキストを取得します選択された項目
var item = $( "select[@name=items] option[@selected]").text();
選択ドロップダウン ボックスの 2 番目の要素は、現在選択されている値です
$('#select_id')[0].selectedIndex = 1;
ラジオ グループの 2 番目の要素は現在選択されている値です
$('input[@name=items]').get (1).checked = true;
//フォームをリセット
$("form").each(function(){
.reset();
}); >
1. 要素
$( "#myid") は document.getElementById("myid") と同じ効果がありますが、必要に応じて記述される文字数は大幅に減ります。 jQuery オブジェクトを html 要素に変換するには、0 番目の要素を取得するだけです。たとえば、$(”#myid”) は jQuery オブジェクトを返し、$(”#myid”)[0] は html 要素を返します。
すべての img 要素を選択する場合は、次のように記述します。 $("img")
class="TextBox" (
) を含む div 要素を選択する場合$("div.TextBox")
myattr 属性を持つ要素を選択 $("div[myattr]")
myattr 属性を持つ要素を選択し、属性値は myclass と等しい 要素 $("div[myattr='myclass']")
属性は [myattr!='myclass'] と等しくない
属性は my [myattr^=] で始まります'my']
属性は class Ending で始まります [myattr$='class']
属性には 3 つの文字が含まれます cla [myattr*='cla']
選択が返される場合複数の要素があり、各要素を返したい場合は、要素に特定の属性を適用するには、
$("div").each(function()
{
$(this) と書くことができます。 css("背景色", "# F00″);
alert($(this).html());
$(this).width(”200px”);
});
2. Event
onload イベント処理メソッドをページに追加します
$(function()
{
alert("ページ構造は読み込まれていますが、一部の画像は読み込まれていない可能性があります)まだロードされています (通常、このイベントで十分です) )");
});
複数の onload イベント処理メソッドをページにバインドできます
$(function()
{
alert("私は最初に実行されました" );
});
$(function()
{
alert("私は 2 番目に実行されました");
} );
Tie 特別なイベントを定義します
$("#myid").keydown(function()
{
alert("keydown イベントがトリガーされました");
});
これらに加えて、一般的に使用されるイベントと一般的ではないイベントはバインド メソッドを通じてバインドする必要があります
3. 要素の属性/メソッド
要素の高さ $(”#myid ”).height()
要素の位置を取得します。 $("#myid").offset() は、要素の位置の先頭を取得すると、$("#myid") のオフセット オブジェクトを返します。 ).offset().top、左を取ると $( "#myid").offset().left
要素の innerHTML を取得 $("#myid").html()
要素の innerText を取得します。 $("#myid").text( )
テキスト ボックスの値を取得します。 $("#myid").val()
テキスト ボックスの属性を取得します。 element, $("#myid").attr("myattribute")
上記のメソッドには基本的な特徴があります。つまり、値を表すためにパラメーターは使用されず、設定を表すためにパラメーターが使用されます。値 (オフセットを除く)、
$(”#myid”).height(”20″);
$("#myid").html("asdasd")
$("#myid").val("asdasd")
オフセットは読み取りのみであることに注意してください。
属性 $("#myid").attr("width" を設定します。 ", "20%")
属性を読み取る $("#myid").attr( "width")
複数の属性を一度に指定 $("#myid").attr({disabled: “disabled ”、幅: “20%”、高さ: “30″})
属性の削除 $( "#myid").removeAttr("disabled")
スタイルの適用 $("#myid") .addClass("myclass")
スタイルを削除$("#myid").removeClass(" myclass")
スタイルを追加 $("#myid").css("height", “ 20px”)
スタイルのセットを追加します $(”#myid”).css({height: "20px", width:"100px"})
スタイルを追加すると、このスタイルの名前は CSS の名前です。たとえば、style=”background-color:#FF0000″ に対応します。jQuery の書き込みメソッドは $("#myid").css("background-color", "#FF0000") です。 )
しかし、スタイルのセットを追加する場合、スタイルの名前は JavaScript の CSS 名になります。例: myid.style.backgroundColor = “#FF0000″、対応する jQuery の記述は $(”#myid”) です。 .css({backgroundColor:”#FF0000″})
4. 関係に従って要素を検索します
合計を計算します 独自のレベルの次の要素 $("#myid").next()
それ自身の下にある独自のレベルのすべての要素を検索します $("#myid").nextAll()
その独自のレベルの前の要素の合計を検索します $("#myid").prev()
それ自身の上にある独自のレベルのすべての要素を検索 $("#myid").prevAll()
独自の第 1 世代の子要素を検索 $("#myid").children()
最初の親要素を検索 $("#myid").parent()
すべての独自の親要素を検索$ ("#myid").parents()
例:
$("div. l4").parents().each(
function() {
alert($(this).html());
});
はすべての親要素を取得しますclass=l4 の div を取得し、その HTML
例:
$( ”div.l4″).parents(”div.l2″).each(function() {alert($) (this).html()); });
は class=l4 の親要素を取得します。親要素は div である必要があり、その class=l2
ここで説明されているすべてのメソッド式の記述方法については、第 1 部
5 の要素
をボディに追加する
$("body").append("") このステートメントは、この HTML を body の終了タグの前に挿入します。結果は
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
