J query書き方いろいろ

要素を移動する書き方
next, prev, children, parent
セレクタの
＜セレクタの書き方＞

<div id=“content”>
<div id=“box0”></div>
<div id=“box”>
<p></p>
</div>
<div id=“box1”></div>
</div>
<script>
$(‘#box’).next() =次の要素 “box1”
$(‘#box’).prev() =前の要素 “box0”
$(‘#box’).children() =こどもの要素 p
$(‘#box’).parent() =親の要素 “content”
</script>
＜セレクタの書き方＞

メソッドとメソッドは、；で区切ります
$(function(){
$('#start').css('color', 'red');
$('#start').fadeOut('slow');
});
$(function(){
$('#start').css('color', 'red’).fadeOut('slow');
});
メソッドチェーン
メソッドは続けて書くことができます
セレクタが同じものは.（ドット）でつなげる
＜メソッドの書き方＞

css()メソッドで複数のプロパティを指定する方法
$(function(){
$('#start').css('color', 'red');
$('#start').css(’font-weight', ’bold');
});
$(function(){
$('#start').css({
'color’: 'red’,
'font-weight’:’bold’
});
});
＜メソッドの書き方＞

J query書き方いろいろ

More Related Content

More from sayoko miura (20)

J query書き方いろいろ