jquery知识属性 css

jquery基础知识属性 css
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>属性 css</title>
<script type="text/javascript" src="../js/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
    $(function(){
        //属性
        $('img').attr({'src':'../img2/1.jpg'});//为img标签添加并设置src值
        $('img').attr('alt');//返回img中的src值
        $('img').attr("title",function(){
            return this.src;//将src设置为title的值
        })
        $('img').removeAttr('title')//从img中删除一个属性
        $('img').addClass('cur');//为img添加类名cur
        $('img').removeClass('cur')//为img删除类名cur
        $('img').toggleClass('cur')//如果存在，删除，如果不存在，添加
        $('p').html();//返回p中的内容
        $('p').html('<h1>今天天阴了</h1>');//设置内容
        $('p').text();//取得所有p元素的文本内容，也可设置文本内容
        $('input').val();//获得文本框中的内容

        //css
        $('img').css('border','2px');//设置img的css内容
        var offset=$('p:last').offset();//获取偏移对象，存在left和top两个值
        $('p:last').html('left:'+offset.left+',top:'+offset.top);//将两个值让p标签显示
        var position=$('p:first').position();//获取position对象
        $('p:last').html('left:'+position.left+',top:'+position.top)//赋值
        $('p:first').scrollTop();//获取匹配元素相对滚动条顶部的偏移，有参数表示设置
        $('p:first').scrollLeft();//获取匹配元素相对滚动条左侧的偏移，有参数表示设置
        $('p:last').height();//获得匹配元素的高度，有参数表示设置
        $('p:last').width();//获得匹配元素的宽度，有参数表示设置
        $('p:last').innerHeight();//获取第一个匹配元素内部区域的高度
        $('p:last').innerWidth();//获取第一个匹配元素内部区域的宽度
        $('p:last').outerHeight();//获取第一个匹配元素外部区域的高度
        $('p:last').outerWidth();//获取第一个匹配元素外部区域的宽度
    })
</script>
</head>
<body>
    <img alt="风景图" />
    <p>今天天气不错！</p>
    <p>今天心情不错</p>
</body>
</html>
jquery知识 属性 css

jquery知识属性 css
