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 函数 

原文地址:https://www.cnblogs.com/yupeng/p/2389730.html