ホームページ >ウェブフロントエンド >jsチュートリアル >jQueryセレクターの使い方(9.フォームオブジェクトの属性)_jquery

jQueryセレクターの使い方(9.フォームオブジェクトの属性)_jquery

WBOY
WBOYオリジナル
2016-05-16 18:39:291366ブラウズ

この一連の記事は、基本記事、階層記事、単純記事、コンテンツ記事、可視性記事、属性記事、サブ要素記事、フォーム記事、フォーム オブジェクト プロパティ記事の 9 つの記事に分かれています。
この記事では、:enabled、:disabled、:checked、:selected の使用法について説明します。
この一連の記事に関してご提案やコメントがある場合は、sjzlgt@qq.com まで電子メールを送信してください。
技術的な一連の記事を書くのはこれが初めてであるため、多少の間違いは避けられません。エラーやコードのバグがある場合は、ご指摘ください。ありがとうございます。
実行後、jquery を更新してロードする必要があります

2. :無効な使用法 定義: 使用できない要素をすべて一致させる 戻り値: 配列 例: ID「div_b1」の DIV 内の使用できないすべての入力要素の背景色を赤に変更します。 コード: $("#div_b1 input:disabled").css("background-color","re​​d"); //ボタン 2 をクリックするとこのコードが実行されます
DIV ID="div_b1" スパンID="span_b1"
3. :checked用法 定义:匹配所有选中的被选中元素(复选框、单选框等,不包括select中的option) 返回值:Array 实例:将ID为"div_c1"的DIV中所有包含选中状态复选框的元素背景色改为红色 代码: $("#div_c1 :has(input[type='checkbox']:checked)").css("background-color","red"); //点击按钮三将执行这句代码
DIV ID="div_c1" span ID="span_c1"
DIV id="div_c1_1"
DIV id="div_c1_2"
DIV id="div_c1_3"
DIV id="div_c1_4"
注意::has(selector)用法参见内容篇&可见性篇第3点, [type='checkbox']用法参见属性篇第2点。
4. :selected用法 定义:匹配所有选中的option元素 返回值:Array 实例:将ID为"div_d1"的DIV中所有select元素中选中的option元素的text值写入div_d1_1中 代码: var SelectedText=$("#div_d1 :selected"); //点击按钮四将执行这句代码
DIV ID="div_d1" span ID="span_d1"    
DIV id="div_d1_1"
注意:append(content)指向某元素内部追加content,在以后的章节中会有讲解,敬请关注。

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

文件打包下载http://xiazai.jb51.net/200912/yuanma/jQuery-Selectors-9-bynet.rar
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事:JavaScriptの文字列と配列の変換関数【分割・結合なし】_javascriptスキル次の記事:JavaScriptの文字列と配列の変換関数【分割・結合なし】_javascriptスキル

関連記事

続きを見る