jQuery

选择器

:nth-child(n)   从一开始

:empty   没有子元素

:enabled  可用状态的元素

:disabled  不可用状态元素

:visible       选择可见元素

:hidden       选择隐藏元素

:eq (n)       从0开始

:even  偶数

:odd   奇数

:parent  选择包含子元素的所有元素

表单选择器

:input 选择表单元素(input,select,textarea,button)

:text:选择所有文本域(type="text")

:password:选择所有密码域(type="password")

:radio:选择所有单选按钮(type="radio")

:checkbox:选择所有复选框(type="checkbox") 

�:submit:选择所有提交按钮(type="submit") �E:image:选择所有图像域 (type="image") 

�:reset:选择所有清除域(type="reset")

 �:button:选择所有按钮(type="button")


属性


class

addClass(class) :为每个匹配的元素添加指定的class

removeClass(class):从所有匹配的元素中删除全部或者指定的class

toggleClass(class) :如果存在(不存在)就删除(添加)一个类

DOM文档处理

内部插入

append(content), appendTo(content), 

prepend(content), prependTo(content).

外部插入

after(content), before(content), 

insertAfter(content), insertBefore(content).

replaceWith(content) :将所有匹配的元素替换成指定的HTML或DOM元素 .

replaceAll(selector) :用匹配的元素替换掉所有 selector匹配到的元素

empty() :删除匹配的元素集合中所有的子节点

remove([expr]) :从jquery对象集合中删除所有匹配的对象

DOM遍历

向上遍历

parent()�  //直接父元素

parents()  // 直接和间接父元素

�parents(‘element’)// 为element 全部父元素

  parentsUntil()

向下遍历

children() //方法返回被选元素的所有直接子元素。

  children(‘ele’)  //方法返回被选元素的所有直接子元素。

  find(‘*’) �//全部子元素

水平遍历

siblings(‘p’)

�next()

nextAll()

�nextUntil()� // 在 头尾去掉

prev()

prevAll()

�prevUntil()

位置


offset() :获取匹配元素在当前视口的相对偏移 。

position() :获取匹配元素相对父元素的偏移

scrollTop() :获取匹配元素相对滚动条顶部的偏移

scrollTop(val) :传递参数值时,设置垂直滚动条顶部偏移为该值 –返回顶部

scrollLeft() :获取匹配元素相对滚动条左侧的偏移

scrollLeft(val) :传递参数值时,设置水平滚动条左侧偏移为该值

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 5,206评论 0 2
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 4,898评论 0 1
  • 第一章 入门 基本功能:访问和操作 dom 元素,控制页面样式,对页面的事件处理,与ajax完美结合,有丰富的插件...
    X_Arts阅读 4,652评论 0 2
  • $(”p”).addClass(css中定义的样式类型); 给某个元素添加样式 $(”img”).attr({sr...
    专注寒冰三千岁阅读 3,421评论 0 4
  • Attribute: $("p").addClass(css中定义的样式类型); 给某个元素添加样式 $("img...
    扑克脸_457e阅读 3,644评论 0 1