2020-01-03

jQuery加载

jQuery选择器

  

这是一个div元素

  

这是第二个div元素

  

     

• 1

     

• 2

     

• 3

     

• 4

     

• 5

     

• 6

     

• 7

     

• 8

  

选择集转移

// $('div').prev('p'); //选择div元素前面的第一个p元素

// $('div').prevAll('p'); //选择div元素前面所有的p元素

// $('div').next('p'); //选择div元素后面的第一个p元素

// $('div').nextAll('p'); //选择div元素后面所有的p元素

// $('div').closest('form'); //选择离div最近的那个form父元素

// $('div').parent(); //选择div的父元素

// $('div').children(); //选择div的所有子元素

// $('div').siblings(); //选择div的同级元素

// $('div').find('.myClass'); //选择div内的class等于myClass的元素

jQuery样式操作

click事件

jQuery索引值

jQuery做选项卡

jQuery属性操作

jQuery特殊效果

// $('.box').fadeOut();//淡出

// $('.box').fadeIn();//淡入

// $('.box').fadeTogggle();//淡入

$('.box').hide();//隐藏

// $('.box').show();//显示

// $('.box').togggle();//显示隐藏

//

// $('.box').slideDown();//下展

// $('.box').slideUp();//上收

// $('.box').slideTogggle();//上收下展

jQuery动画

jQuery循环