jquery 文档操作2

接着上篇，继续。。

 

1）selector.toggleClass(className),在匹配的元素集合中的每个元素上添加或删除一个或多个样式类，取决于这个样式类是否存在

 例如：<div class="user">username</div>

$('div.user').toggleClass('bing') 第一次我们应用的时候得到 <div class="user bing">username</div> 再次应用就还原开始那样的

2）selector.text() 得到匹配元素集合中的每个元素的文本内容集合，包括他们的后代

     selector.text(textString) 设置匹配元素集合中的每个元素的文本内容为制定的文本内容。

注意：text()不能用在input元素上，输入文本需要使用val()方法 

  这个主要是操作元素的文本内容。

3）selector.html() ，从匹配的第一个元素中获取HTML的内容。 个人认为相当于原生的innerHTML 操作功能，但是比innerHTML复杂。

 

4）selector.val() ，主要是获取匹配的元素集合中的第一个元素的当前值，用于表单元素获取值。

 

5）height(),innerHeight(),outerHeight() 这三个函数，height()指高度，在现代浏览器中不包括 margin，padding ，border，innerHeight()

包括padding和height，但是不包括border, outerHeight() 是包括padding border，和选择性的margin，主要是看参数的设置，如果设置为true的

时候就包括margin，否则就不包括。同理，也有相关的width 函数