jQueryでよく使うメソッドまとめ
6360 ワード
メソッドを使うとき一番最初に使うであろう簡単なメソッドをご紹介
親子要素を特定する
find
<div class="parent">
<div class="child">こんにちは</div>
</div>
<script>
//子要素を取得できる
$('.parent').find('.child').text();
</script>
parents
<div class="parent">
<div class="child">こんにちは</div>
</div>
<script>
//親以上の要素を取得できる(要素指定)
//親はparentメソッドを使用
$('.child').parents('.parent').html();
</script>
要素の設定値を取得、設定する
attr
<div class="hello" name='hello'>こんにちは</div>
<script>
//要素の属性を取得できる
$('.hello').attr('name');
//要素の属性を設定できる
$('.hello').attr('name','goodMorning');
</script>
val
<input type="text" class="hello"value="こんにちは">
<script>
//inputタグの入力値を取得できる
$('.hello').val();
//inputタグの入力値を設定できる
$('.hello').val('こんばんは');
</script>
要素に追加する
on
<div class="hello">こんにちは</div>
<script>
//イベントを登録できる
$('.hello').on('click',function(){
//クリックした時の処理をここに書く
});
</script>
css
<div class="hello">こんにちは</div>
<script>
//CSSを反映する
$('.hello').css("color", "red");
</script>
<div class="parent">
<div class="child">こんにちは</div>
</div>
<script>
//子要素を取得できる
$('.parent').find('.child').text();
</script>
<div class="parent">
<div class="child">こんにちは</div>
</div>
<script>
//親以上の要素を取得できる(要素指定)
//親はparentメソッドを使用
$('.child').parents('.parent').html();
</script>
<div class="hello" name='hello'>こんにちは</div>
<script>
//要素の属性を取得できる
$('.hello').attr('name');
//要素の属性を設定できる
$('.hello').attr('name','goodMorning');
</script>
<input type="text" class="hello"value="こんにちは">
<script>
//inputタグの入力値を取得できる
$('.hello').val();
//inputタグの入力値を設定できる
$('.hello').val('こんばんは');
</script>
<div class="hello">こんにちは</div>
<script>
//イベントを登録できる
$('.hello').on('click',function(){
//クリックした時の処理をここに書く
});
</script>
<div class="hello">こんにちは</div>
<script>
//CSSを反映する
$('.hello').css("color", "red");
</script>
Author And Source
この問題について(jQueryでよく使うメソッドまとめ), 我々は、より多くの情報をここで見つけました https://qiita.com/masakym/items/878cd2b7b7b7056ea6be著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .