jQuery工具方法&css属性及方法

    $工具方法
        查看jQuery官方API文档【工具】
        1.$.each()：遍历数组、对象、对象数组中的数据
        2.$.trim()：去除字符串两边的空格
        3.$.type(obj)：得到数据的类型
        4.$.isArray(obj)：判断是否是数组
        5.$.isFunction(obj)：判断是否是函数
        6.$.parseJSON(obj)：解析json字符串转换为js对象/数组
        
    jQuery属性和CSS
        属性
            查看jQuery官方API文档【属性】
            1.attr()：获取某个标签属性的值，或设置某个标签属性的值
            2.removeAttr()：删除某个标签属性
            3.addClass()：给某个标签添加class属性值
            4.removeClass():删除某个标签class属性值
            5.prop():和attr()类似，区别在于prop用于属性值为Boolean类型的情况，比如多选
            6.html():获取某一个标签体内容（注意：该标签体中可以包含子标签）
            7.text()：获取某一个标签体内容(注意：该标签体不能包含子标签)
            8.val()：主要用户获取/设置输入框的值
      
        CSS
            查看jQuery官方API文档【CSS】
            1.css()：设置标签的css样式
                获取样式值：css("样式名")
                设置单个样式：css("样式名","样式值")
                设置多个样式：css({"样式名"："样式值"，"样式名"："样式值"})
            
            2.位置
                offset()：相对整个大容器的相对位置
                position()：相对父容器的相对位置
                案例6：大Div中嵌套小Div，求两个div相对位置
                scrollXX
                    scrollTop()：滚动条到顶部距离
   
            3.尺寸
                内容尺寸
                内部尺寸
                外部尺寸
注意：参数为true，再加上margin
                width():容器宽
                height():容器高
                innerWidth()：width+padding
                innerHeight()：height+padding
                outerWidth():width+padding+border
                outerHeight():height+padding+border
             

jQuery工具方法

<!-- 导入jQuery库 -->
		<style>
			.demo1 {
				border: 1px solid red;
			}

			.demo2 {