jQuery概述1入门

一、jQuery的重要思想：
                ①写越少做得越多越好
                jQuery是一个兼容多浏览器的javascript库，核心理念是write less,do more(写得更少,做得更多)。
                ②链式写法
            二、$
            $符号通常是jQuery的标识符（别名），一般不改动；$ 定义为 选取 英文是selector的意思。如：
                $("#divID") 表示 选取 id为divID的元素；
                $("input") 表示 选取 所有input标签
            三、jQuery操作
            1、引入jQuery
                要使用jQueryjavascript库，只需要将jQuery 对应的“jquery-x.x.js”脚本文件引入到页面中即可。
                <script type="text/javascript" src="js/jquery-1.11.2.js"></script>
            2、常用基础方法
                写法一：直写
                $(document).ready(function(){
                  // 在这里写你的代码...
                });
                
                写法二：$(document).ready() 的简写
                $(function() {
                  // 你可以在这里继续使用$作为别名...
                });
            与window.onload的比较
            相同：都表示初始化。
            不同：window.onload当文档加载完之后执行onload事件，
                且onload事件不能重复使用，如果写多个，执行最后一个onload;
                $(function() {})表示对象加载完就执行，有多少个就执行多少个;
        

		<script src="jquery-1.11.2.js"></script>
		<script>
//			$(function(){
//				$('#demo').css('width','100px');
//				$('#demo').css('height','100px');
//				$('#demo').css('background-color','green');
//				$('#demo').css({
//					'width':'100px',
//					'height':'100px',
//					'background-color':'green'
//				})
//				var a = $('#demo').html();
//				alert(a);
//			})
			$(document).ready(function(){
				$('#demo').click(function(){
					$(this).css('color','blue')
				})
			})
//			window.onload = function(){
//				var a = document.getElementById('demo').innerHTML;
//				alert(a);
//			}
		</script>
		<style>
			#demo {
				color: red;
			}
		</style>
        <div id="demo">哈哈哈</div>