【jQuery总结】jQuery属性

       接触jQuery是从做项目开始的，当时只知道我们的项目里边用到了jquery、ajax等等，一听高大上的感觉，但是哪里用到了作用是什么并不清楚，直到看了jquery视频才恍然大悟：原来这就是jquery，我还一直以为那就是单纯的js呢！

jQuery简介

      jQuery,即JavaScript和查询Query,它是继prototype之后又一个优秀的JavaScript库,它兼容多浏览器，核心理念是“写得更少,做得更多”，由美国人于2006年1月在纽约的barcamp发布，吸引了世界各地众多的JavaScript高手加入，目前已成为最流行的JavaScript库。jQuery的语法设计使开发更便捷，它有很多功能，例如操作文档对象、选择DOM元素、事件处理、动态特效等，还提供了API让开发者自行编写插件,通过插件来扩展它的功能，其模块化的使用方式使开发更灵活。

属性

1.基本属性
      （1）attr(name):取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性，则返回 undefined 。

            name(String)是属性名称,返回值是Object
            例如：

	HTML代码: 	<img src="flower.jpg"/>
jQuery代码:	$("img").attr("src");
	结果:		flower.jpg

      （2）attr(properties):将一个"名/值"形式的对象设置为所有匹配元素的属性,这是一种在所有匹配元素中批量设置很多属性的最佳方法.

            properties(Map)作为属性的"名/值对"对象,返回值是jQuery

            例如:

	HTML代码: 	 <img/>
jQuery代码:	 $("img").attr({src:"flower.jpg"});
	结果：		 <img src="flower.jpg"/>

            如果设置class对象的属性,则必须使用"className"作为属性名,或者间接使用".addClass(class)"和".removeClass(class)".

      （3）attr(key,value):为所有匹配的元素的key属性设置一个value值。

            key(String)是属性名称,value(Object)是属性值
            例如：

	HTML代码: 	<img/>
jQuery代码:	$("img").attr("src","flower.jpg");
	结果:		<img src="flower.jpg"/>

            当设置样式名（“class”）属性时，必须使用引号

      （4）attr(key,fn):为所有匹配的元素设置一个计算的属性值,不提供值,而是提供一个函数,由这个函数计算的值作为属性值.
            key (String)是属性名称,fn (Function) 是返回值的函数,返回值是jQuery
            例如:

	HTML代码: 	<img src="flower.jpg"/>
jQuery代码:	$("img").attr("title",function(){return this.src});
	结果:		<img src="flower.jpg" title="flower.jpg"/>

      （5）removeAttr(name):从每一个匹配的元素中删除一个属性

            name（String）是要删除的属性名，返回值是jQuery

            例如

	HTML代码: 	<img src="flower.jpg" title="flower.jpg"/>
jQuery代码:	$("img").removeAttr("title");
	结果:		<img src="flower.jpg"/>

2.类属性
      (1)addClass(class):为每个匹配的元素添加指定的类名。
            addClass(function(index,class))
            function(index, class) (Function) : 此函数必须返回一个或多个空格分隔的class名。接受两个参数，index参数为对象在这个集合中的索引值，class参数为这个对象原先的class属性值
      (2)removeClass(class):从所有匹配的元素中删除全部或者指定的类名

            removeCalss(function(index,class))

      (3)toggleCalss(class):如果存在（不存在）就删除（添加）一个类,来回切换
            toggleCalss(calss,switch):如果开关switch参数为true则加上对应的class，否则就删除
                  class (String) 是CSS类名,switch (Boolean) 用于决定元素是否包含class的布尔值。
            toggleCalss(function(index,class),[switch]):从所有匹配的元素中删除全部或者指定的类。
                  function(index, class) (Function) : 返回class名的一个函数，接受两个参数，index为元素在集合中的索引位置，class为原先元素的class值。
                  switch (可选)(Boolean) : 用于决定元素是否包含class的布尔值。

3.html属性(不能用于XML文档。但可以用于XHTML文档)

      (1)html():取得第一个匹配元素的html内容。

      (2)html(val):设置每一个匹配元素的html内容。

      (3)html(function(index, html)):设置每一个匹配元素的html内容。

4.文本属性
      (1)text():取得所有匹配元素的内容,结果是由所有匹配元素包含的文本内容组合起来的文本。

      (2)text(val):设置所有匹配元素的文本内容,val(String)是用于设置元素内容的文本

      (3) text(function(index,text)):设置所有匹配元素的文本内容

5.值属性
      (1)val():取得第一个匹配元素的当前值,可以返回任意元素的值,如果是多选则返回一个数组,其中包含所选的值

      (2)val(val):设置每一个匹配元素的值

      (3)val(fn):设置每一个匹配元素的值,fn (Funtion) : 一个函数，返回要设置的值。