jQuery 基础使用与样式篇

jQuery 语法：

jQuery 语法是为 HTML 元素的选取编制的，可以对元素执行某些操作。
基础语法是：$(selector).action()
美元符号定义 jQuery 
选择符（selector）“查询”和“查找” HTML 元素 
jQuery 的 action() 执行对元素的操作 

jQuery选择器：选择器允许您对元素组或单个元素进行操作

jQuery 元素选择器和属性选择器允许您通过标签名、属性名或内容对 HTML 元素进行选择。
选择器允许您对 HTML 元素组或单个元素进行操作。
在 HTML DOM 术语中：
选择器允许您对 DOM 元素组或单个 DOM 节点进行操作

jQuery 元素选择器：
	jQuery 使用 CSS 选择器来选取 HTML 元素。
	$("p") 选取 <p> 元素。
	$("p.intro") 选取所有 class="intro" 的 <p> 元素。
	$("p#demo") 选取所有 id="demo" 的 <p> 元素。
	$("p a") 选取所有p元素下面的a元素
	$(".wrao") 选取所有wrao元素


	jQuery CSS 选择器:
		jQuery CSS 选择器可用于改变 HTML 元素的 CSS 属性。
		下面的例子把所有 span 元素的背景颜色更改为红色：
		$("span").css("background-color","red");

jQuery的属性：
	每个元素都有一个或者多个特性，这些特性的用途就是给出相应元素或者其内容的附加信息。
	如：在img元素中，src就是元素的特性，用来标记图片的地址JavaScript中操作属性的DOM方法主要有3个：
	1.getAttribute()获取属性
	2.setAttribute()设置设置
	 3.removeAttribute() 移除属性

在jQuery中操作属性的jQuery方法: 
1.attr() 获取/设置属性  2.removeAttr() 移出属性
在jQuery中用一个attr()与removeAttr()就可以全部搞定了，jQuery中用attr()方法来获取和设置元素属性,attr是attribute（属性）的缩写，在jQuery DOM操作中会经常用到attr()	
	
prop()方法的用法:
1. $(element).prop("属性名");//获取属性名的属性值
2. $(element).prop("属性名","属性值");//设置属性的属性值
3. $(element).prop("属性名","函数值");//设置属性的函数值
4. $(element).prop({"属性名":"属性值","属性名":"属性值"});//给指定元素设置多个属性值
    removeProp()方法的用法: 1. $(element).removeProp("属性名");//移出对应的属性

Attribute和Property的区别
    Attribute：
		attribute是HTML中就有的，是元素的选项|附加项。
		例如：id、class、title、src、alt、href
		值只能为string类型
		客户端向HTML元素添加的自定义的属性，推荐称为attribute
	Property：
        JS DOM中，对象的成员(组成部分)，所以可以用JS DOM对象访问property(用对象访问
        例如：tagName, nodeName, nodeType, defaultChecked (这几个属性是DOM对象中属
         值类型多样化：property因为是对象的成员，类型可多样化(boolean, string, 
        如果获取DOM对象中的属性，推荐使用property