ホームページ > ウェブフロントエンド > jsチュートリアル > オブジェクトのプロパティと値を取得するJqueryについて

オブジェクトのプロパティと値を取得するJqueryについて

黄舟
リリース: 2017-03-01 14:39:58
オリジナル
1622 人が閲覧しました

1. オブジェクトを取得する一般的なメソッド


$("*") すべてのオブジェクトを取得することを意味します(通常は使用されません)

$("#XXX" ) 'Get id=XXX の要素オブジェクト (よく使われる)

$(".XXX") 'class=XXX(でよく使われる)の要素オブジェクトを取得します

$("p") ' タグセレクターはすべての p 要素を選択します (一般的に使用されます)

$("input[name='uname']") 入力タグ内の name='uname' を持つ要素オブジェクトを取得します (よく使われる)

のような:

self.find("input[name='complany']").css('border','#FFB240 1px solid');
self.find("textarea[name='messcont']").css('border','#FFB240 1px solid');		
ログイン後にコピー

上記の選択方法は、スペース、大なり記号>、プラス記号+、チルダ~と組み合わせて使用​​できます。使用規則については、を参照してください。こちら(http://www.php.cn/)へ このブログ記事で、カンマの組み合わせの使い方を書き忘れていましたが、カンマの組み合わせを使った例です

クラスメッセージでpを取得したい場合は、コードは次のとおりです:

<p class="message">
gegrew
</p>
<span class="message">ageaw</span>

<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
	console.log($(".message,p").html()) ;
</script>
ログイン後にコピー



2. 他のオブジェクト取得メソッド

$("Element[attribute] = 'セシ']" )特定の属性を持つ要素をすべて取得します ceshi
$("Element[attribute != 'ceshi']") 属性が ceshi
$("Element[attribute ^ = 'ceshi']") 属性が ceshi
で始まらない要素をすべて取得します$("Element[attribute *='ceshi']" '属性が で始まる要素をすべて取得しますせし


<span class="message" src="hello">hello</span>
<span class="message" src="byebye">byebye</span>
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
	console.log($("span[src =&#39;hello&#39;]").html()) ;
</script>
ログイン後にコピー



3、获取对象的属性

$("Element").attr(key)  获取某一个元素的属性

$("Element").attr(key,value)  给某一个元素设置属性

 以上就是关于Jquery获取对象的属性与值的内容,更多相关内容请关注PHP中文网(www.php.cn)!


関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート