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: "Test Image" });

jquery特殊效果：

fadeIn() 淡入

    $btn.click(function(){

        $('#div1').fadeIn(1000,'swing',function(){

            alert('done!');

        });

    });

fadeOut() 淡出

fadeToggle() 切换淡入淡出

hide() 隐藏元素

show() 显示元素

toggle() 依次展示或隐藏某个元素

slideDown() 向下展开

slideUp() 向上卷起

slideToggle() 依次展开或卷起某个元素