jq基础知识

属性操作

jquery属性操作
1、html() 取出或设置html内容

// 取出html内容

var $htm = $('#div1').html();

// 设置html内容

$('#div1').html('<span>添加文字</span>');

2、text() 取出或设置text内容

// 取出文本内容

var $htm = $('#div1').text();

// 设置文本内容

$('#div1').text('<span>添加文字</span>');

3、attr() 取出或设置某个属性的值

// 取出图片的地址

var $src = $('#img1').attr('src');

// 设置图片的地址和alt属性

$('#img1').attr({ src: "test.jpg", alt: "Tes

attr和prop的区别：

prop判断布尔值，
attr判断非布尔值。

html和text的区别：

  alert($('.box2').html());//相当于innerHTML//<span>这是div元素内的span</span>获取的内容有标签

jQuery特殊效果

$('.box').fadeOut();//淡出//修改透明度
$('.box').fadeIn();//淡入//修改透明度
$('.box').fadeToggle();//切换淡入淡出   toggle切换
$('.box').toggle();//切换显示隐藏
$('.box').show();显示
$('.box').hide();隐藏
$('.box').sildeDown();下展
$('.box').sildeUp();上收
$('.box').slideToggle();//切换上收和下展//修改高度

jQuery动画

参数：

1、什么属性做动画，属性设置{param1: value1, param2: value2}
2、动画执行的时间，单位毫秒
3、动画曲线：
            swing（默认值）开始和结束慢，中间快
            linear  /'lɪnɪə/ 匀速
            可省略不写
4、回调函数，动画完成之后要做的事情，可无限嵌套

jQuery循环

语法:each

$(function(){
            // //给全部的li设置内容和样式
            // $('.list li').html('111');
            // $('.list li').css({background:'gold'});

            //第一个参数index是索引值
            $('.list li').each(function(index) {//
                // alert(index);//弹出索引值
                
                //$(this)是每一个li
                $(this).html(index);
            });
        })