修飾された子ノードを持つセレクター: $("mix1[mix2]"): mix2 を含む mix1 ノードを返します。 例: $("div[a]"):
タグを含む div です。 $(" div a") は同じではありません。後者は div 内の a タグを表し、前者は div タグ オブジェクトを返します。
コロンで修飾されたノード セレクター: $("mix:
E:root: 型は E で、ドキュメントのルート要素です。
E:nth-child(n): n 番目です。親要素の型 E の子要素、ベースは 1 から始まります
E:first-child: は親要素の型 E の最初の子要素です
E:last-child: は最後の子要素です親要素
E:only-child: の型 E であり、その親要素の型 E の唯一の子要素です
E:empty: 子要素 (テキスト ノードを含む) を持たない型 E の要素)
E:enabled
E:disabled: タイプ E のユーザー インターフェイス要素、許可または禁止
E:checked: タイプ E のユーザー インターフェイス要素、選択された状態 (ラジオ ボタンやチェック ボックスなど)
E:visible: すべての表示要素を選択します (表示値はブロックまたは可視、可視性の値は非表示フィールドを除く表示要素です)
E:hidden: すべての非表示要素 (非非表示フィールド、および表示値はブロックまたは表示されます)、可視値が表示される要素)
E:not(s): タイプは E、セレクター s と一致しません
E:eq(n),E:gt(n ),E:lt(n) :要素の修飾
E:first: E:eq(0) と同等
E:last: 最後に一致した要素
E:even: 偶数番号の要素を取得一致した要素から set
E:odd: 一致した要素 set から奇数番号の要素を取得します
E:parent: 子要素 (テキスト ノードを含む) を含むすべての要素を選択します
E:contains('test '): テキストを指定する要素を含むすべての要素を選択します
フォームセレクター:
E:input: フォーム要素 (input、select、textarea、button) を選択します
E:text: すべてのテキスト領域を選択します (type= "text")
E:password: すべてのパスワード フィールドを選択します (type="password")
E:radio: すべてのラジオ ボタンを選択します (type="radio")
E:checkbox: すべてのチェックボックスを選択します(type= "checkbox")
E:submit: すべての送信ボタンを選択します (type="submit")
E:image: すべての画像フィールドを選択します (type="image")
E:reset:すべて選択クリア ドメイン (type="reset")
E:button: すべてのボタンを選択 (type="button")
もちろん E:hidden も含みます
8.xPath パス クエリ:
最初に xPath の構文を紹介します。
/: ルート ノードを選択します
//: ノードがどこにあるかに関係なく、ドキュメント内の条件を満たすすべてのノードを選択します
。:現在のノードを選択します
.. :前の 1 つのノードの親ノードを選択します
@:属性を選択します。これは前に説明しました (属性セレクター)
ノード名:ノードの下にあるすべてのノードを選択します
jQuery でのアプリケーション:
ルート ノードはほとんど使用されません。一般的に使用される例は次のとおりです:
$("div/p") は $("div>p") と同等です
$("div/ /p") は $("div p") と同等です
$("//div/../p"): すべての div ノード
の親ノードの下にある p タグにも相対パスの書き込みがありますまだ適用方法がわからないので紹介しません...
$:
$ の他の用途はすでにたくさんあります。 (html ノード): jQuery オブジェクトによってラップされた、提供された元の HTML タグ文字列に基づいて動的に作成されます。例:
$("Hello").appendTo("#body");//本文に Hello を追加します。要素
$(document): Web ページのドキュメント オブジェクト
$(document.body): $("body") と同じ Web ページの本文オブジェクト
$(function): この関数はDOM がロードされた後に実行されるので、 $(document).ready() を書くことができます $()
$(セレクター部分、セレクターソース): この例は
$("input:radio",document) を示しています。 .forms[0]): ドキュメントの最初のフォームで、すべてのラジオ ボタンを検索します
$("div",xml.responseXML): 指定された XML ドキュメント内のすべての div 要素をクエリします
セレクター ソースは次のとおりです。 : コンテキストとしての DOM 要素、ドキュメント、または jQuery オブジェクト
また、$.extend(prop) と $.noConflict() の 2 つがあり、プラグインや他のライブラリと互換性があります
ドロップを記述します。 - ダウン ボックス、ラジオ ボタン ボックス、および将来の複数選択ボックス
1、ドロップダウン ボックス:
var cc1 = $(".formc select[@name='country'] オプション[@selected]").text(); //ドロップダウン メニューで選択されている項目のテキストを取得します (真ん中にスペースがあることに注意してください)
var cc2 = $('.formc select[@ name="country"]').val(); // ドロップダウン メニューで選択した項目の値を取得します
var cc3 = $ ('.formc select[@name="country"]') .attr("id"); //ドロップダウン メニューで選択された項目の ID 属性値を取得します
$("#select").empty(); //ドロップダウン ボックスをクリアします// $("#select").html('');
$("1111").appendTo("#select")// ドロップダウン ボックスのオプションを追加します
簡単な説明は次のとおりですlook:
1.select[@name='country'] option[@selected] は、name 属性を持つ select 要素内の selected 属性を持つ option 要素、
、および属性値が 'country' であることを意味します;
@ で始まるものは、その後に属性が続くことを意味することがわかります。
2, ラジオボタン:
$("input[@type=radio][@checked]").val() //ラジオボタンの選択項目の値を取得します(注)中央 スペースなし)
$("input[@type=radio][@value=2]").attr("checked",'checked') //ラジオ ボタンの value=2 を選択した値に設定します。 state. (間にスペースがないことに注意してください)
3、チェックボックス:
$("input[@type=checkbox][@checked]").val();チェックボックスを選択した状態を取得します 最初の項目の値
$("input[@type=checkbox][@checked]").each(function(){ //通常は複数のチェックボックスが選択されているため、出力はループされる
alert($(this).val());
$("#chk1").attr("checked",'');//チェックを解除
$("#chk2").attr("checked",true);//Tick
if($("#chk1").attr('checked')==unknown){} //チェックされているかどうかを確認する