1.操作HTML

（1）获取 HTML 内容

　　html()   //获取匹配元素集合中的第1个元素

（2）设置 HTML 内容

　　html(htmlString)  //为匹配集合中的所有元素设置内容

（3）根据索引设置 HTML 内容

　　html(function(index, html){...})

　　以上方式获取的都是带标签的 html 内容

2.操作文本

（1）获取文本内容

　　text()   //返回所有匹配元素集的文本内容组合起来的文本

（2）设置文本内容

　　text(textString)

（3）根据索引设置文本内容

　　text(function(index, text){...})

　　以上获取的都是不带 html 标签的纯文本内容

3.操作值

　　专门用于操作表单元素的方法。

（1）获取元素值

　　val()   //返回第1个匹配元素的值

（2）设置元素的值

　　val(value)

　　如：$("#username").val("lihui");   $(#box).val(["1","2","3"]);

（3）根据索引设置元素值

　　val(function(index, value){...})

（4）读取属性

　　attr(attributeName)

（5）修改属性

　　attr(attributeName, value)

　　attr(map)

　　如：$("ul li").attr("class", "news");　　$("a").attr({target:"_self", href:"baidu.html", "class":"..."});

（6）根据索引设置属性

　　attr(attributeName, function(index, attr){...})

（7）删除属性

　　removeAttr(attributeName)

（8）添加类样式

　　addClass(className)  //并不会更换元素中的任何样式，只是添加。

　　addClass(function(index, class){...})

（9）移除类样式

　　removeClass([className])  //并不会更换元素中的任何样式，只是添加。

　　removeClass(function(index, class){...})

（10）切换类样式

　　toggleClass(className)  //如果不存在，添加该样式；否则，删除

　　toggleClass(className, switch)   //switch 为true 则添加类，否则移除

　　toggleClass(function(index, class), [switch])

4.元素CSS

（1）读取CSS样式

　　css(cssName)

（2）设置CSS样式

　　css(cssName, value)

　　css(map)

　　css(cssName, function(index, value))

（3）元素CSS位置

　　offset()   //绝对位置

　　offset(coordinates)

　　position()  //相对于父元素的位置

　　scrollLeft()

　　scrollRight()

（4）元素CSS尺寸

　　height()

　　width()

　　innerHeight()

　　innerWidth()

　　outerHeight()

　　outerWidth()

 

下面给出一个利用 toggleClass 进行下拉菜单显示与隐藏的切换

1   2   3   4 
        5   6   7  73  74  75 
      
        76   
       
精通jQuery视频目录索引
 77   
       
         78     
        
 JavaScript 79       
         
           80         
          
 内容概述 
 81         
          
 JavaScript基础语法 
 82         
          
 JavaScript实用编程 
 83       
         
 84     
 85     
        
 Web开发基础 86       
         
           87         
          
 HTML 
 88         
          
 CSS 
 89         
          
 DOM 
 90       
         
 91     
 92     
        
 jQuery简单应用 93       
         
           94         
          
 配置开发环境 
 95         
          
 核心函数 
 96       
         
 97     
 98   
       
 99 
      
100 127 128 

效果（中间一个已经被点击过）：