jQuery从零开始(二)

1.css类的操作

-----addClass() 向被选元素添加一个或者多个类

-----removeClass() 删除被选元素的类

-----toggleClass() 取反

-----css() 获取或者设置被选元素的css样式 使用这个方法的时候不需要使用小驼峰,当通过这个方法设置样式的时候,可以通过传入一个对象的形式来设置css样式

-----width()

-----height() 返回元素的高度(数值),(css() 返回的是带有单位的字符串)

-----offset() 返回匹配元素相对于文档的位置

-----offsetParent() 返回距离选中元素最近的设置了定位的祖先元素

-----position() 返回选中元素相对于具有定位属性父元素的位置(返回值是一个对象,没有单位)

-----scrollLeft()设置或返回被选元素的水平滚动条位置

-----scrollTop()

$().each() 操作元素的集合

$.each() 操作数组对象

2.jq中元素尺寸的查询

-----width() 内容的宽度

-----height() 

-----innerWidth() 内容的宽度width+左padding   +右padding

-----innerHeight()

-----outerWidth() 内容的宽度  +左padding+左border +右padding+右border 如果传入了true,那么范围还要加上左margin和右margin

outHeight() 

3.根据元素的关系来获取元素

 获取祖元素

parent() 返回被选元素的直接父元素

parents() 返回被选元素的所有祖先元素

parentsUntil() 返回介于给定元素之间的所有祖先元素

 获取后代元素

children() 返回被选元素的所有的直接子元素

find() 在子元素中找到目标元素

获取兄弟元素

siblings() 返回被选元素的所有的兄弟元素

next() 返回被选元素的下一个兄弟元素

nextAll() 返回被选元素后面的所有的兄弟元素

nextUntil() 返回介于两个给定元素之间的兄弟元素(向下的包括)

prev() 被选元素的上一个上一个兄弟元素

prevAll() 返回被选元素上面的所有的兄弟元素

prevUntil() 返回介于两个给定元素之间的兄弟元素(向上的包括)

4.过滤

first() 找到第一个元素

last() 找到最后一个元素

eq(索引值) 选中指定位置的元素

filter() 根据设定的规则来匹配元素

not() 返回不匹配的元素

你可能感兴趣的:(jQuery从零开始(二))