学習目標day 7(javascript-jQuery)
6467 ワード
学習目標
1.指定した要素を下付き文字で削除できる
2.2種類のループが書ける
3.繰り返し実行が可能なタイマー
5.jQueryの役割と利点を知ることができる
6.jQueryの導入方法が分かる
7.jQueryエントリ関数を言える2つの書き方
8.よく使われる2つのjQueryイベントが言える
9.要素の内容を取得、設定できる操作を知ることができる
10.要素の属性を取得および設定できる操作
11.2種類の選択セット遷移方法が言える
12.ajaxの役割を知ることができる
1.指定した要素を下付き文字で削除できる
var colors = ["red", "green", "blue"]
colors.splice(1,1,'pink','yello')
2.2種類のループが書ける
var i = 0
// : while( ){
while (i < colors.length) {
alert(colors[i])
i++
}
for (var i = 0; i < colors.length; i++) {
alert(colors[i])
}
3.繰り返し実行が可能なタイマー
setInterval(function(){
//
console.log(' ')
},1000)
5.jQueryの役割と利点を知ることができる
JavaScript 、
6.jQueryの導入方法が分かる
<script src="js/jquery-1.12.4.min.js"></script>
7.jQueryエントリ関数を言える2つの書き方
<script>
$(document).ready(function(){
//
})
$(function(){
//
});
</script>
8.よく使われる2つのjQueryイベントが言える
- click()
- blur()
- focus()
- mouseover()
- mouseout()
9.要素の内容を取得、設定できる操作を知ることができる
html()
html('xxx')
10.要素の属性を取得および設定できる操作
prop()
val()
11.2種類の選択セット遷移方法が言える
$('.box').prev()
$('.box').next()
12.ajaxの役割を知ることができる
javascript ,