《jQuery实战》第3章 用JQuery让页面生动起来

1.操作元素属性和特性

      <img id="flower" src="flower.png" class="someclass"/>，id和src表示元素特性，HTML标记由浏览器解释成为DOM元素

     创建节点列表对象NodeList,并且指派名为attributtes的元素属性，特性和它对应的属性存在动态关联。javascirpt特性属性名称

     与对应的特性在某些情况下不不一致，如：class特性被表示为classname特性属性

     特性属性：DOM元素中能够和HTML元素中的某个特性对应得上的属性

     1.1操作元素属性：each()

     1.2获取设置特性值：attr()，删除特性：removeAttr()

2.修改元素样式

  2.1添加和删除类名称：addClass(names),removeClass(names)

       来回切换一组样式toggleClass(name)如：

<script type="text/javascript">
      $(function() {
        $("table tr:nth-child(even)").addClass("striped");
      });
 
      function swap() {
        $('tr').toggleClass('striped');
      }
    </script>

    <table onmouseover="swap()" onmouseout="swap()">

2.2获取和设置样式：css();确定元素是否拥有特定类hasClass()，宽度和高度设置：width(value),height(value)