jQuery部分语法

jQuery部分语法

属性

• prop获取或者设置DOM元素上看不到的属性（如：checked属性
• attr获取DOM元素上看的到或者自定义属性
• 移除属性:remove

CSS类属性

• addClass('要添加的class名')添加class名，可一次性添加多个
• removeClass('classname')
• toggleClass('classname')class名切换，如果有，删除。如果没有，添加。

HTML类属性

• html()相当于js中的innerHTML.括号有值的时候就是设置值，没有值就是获取
• text()获取/设置标签的文本
• val()一般用于input标签，相当于原生js中的value

css方法

1.$('selector').css()

当不给参数的时候，获取最终的样式。

给参数时，第一个参数是样式名，第二个参数是样式值。设置的是内联样式

另可以传对象作为参数，同时设置多个样式的值

{background:'red',height:+=100}

2.offset() 无参数，获取当前第一个元素的当前相对于文档的坐标。返回一个包含top和left的对象

3.position()获取当前第一个元素相对于定位父级的坐标，返回object{top，left}

4.scrollTop()、scrollLeft()不传参就是获取，传参就是设置

5.innerWidth(),width(),outerWidth()

当有参数就是设置值，没有参数就是获取，但是width不包括padding和margin；innerWidth包括padding，outerWidth包括padding和margin

文档处理

• append():相当于原生js中的appendchild()。在元素内部尾部插入元素

• 子元素.appendTo('父元素')

• prepend()/prependTo() 和append的区别，在前面插入元素

• after() 在元素后面插入，作为元素的兄弟元素 bofore()类似于after但是位置在前面

• 子元素.insertAfter('父元素') insertbofore()类似于insertafter但是位置在前面

• wrap()在符合条件的左右元素外面包裹一个元素

• replaceWith() 元素1.replaceWith('元素2') 把元素1替换成元素2 replaceAll的主被动关系和replaceWith颠倒

• empty()清空元素的内容

• remove()移除元素

• clone()

  • 不传值的时候，克隆元素以及元素的所有子节点
  • 传值true时，连事件一起克隆过去

筛选

• eq() 筛选元素
• hasClass() 判断元素是否有某个classname

查找

• children(选择器)只找到子元素
• find(选择器)不管层级
• parent(选择器)只找父级的范围
• parents(选择器)往上找，不管层级
• offsetparent(选择器)有定位的父级
• siblings(选择器)除了自己以外的兄弟元素

jQuery的链式调用原理：

• 方法调用结束会返回this