jQuery-DOM

    科技2022-07-16  118

    1:获取值的方法

    html() text() val() 既可以获取input里面的值/也可以设置值 ** 如果是下拉菜单 、单选、多选的情况下 val([''])方法 还可以将他们设置成默认选中 **prop('checked',true) 专属input默认选中方法

    2:操作属性的方法

    attr() 获取/设置元素属性的方法 ** attr()还可以设置多个属性 设置多个属性采用对象的模式 attr({'k1':'v1','k2':'v2','k3':'v3'}) removeAttr() 移除属性方法 addClass() 只能向元素添加class值 removeClass() 删除属性方法 toggleClass() 添加样式切换方法 (方法中不加 .) hasClass()/is() 检查元素是否包含指定的类 (方法中不加 .)

    3:遍历方法 :

    each() 元素的遍历方法 $().each() 用来操做dom $.each(arr,function(下标,内容){}) 比如遍历数组

    4:节点内部插入

    var box=$('<div id="box">你好</div>') 创建一个标签 append() 插入一个标签 appendTo() 插入到标签里面的后面 prepend('插入一对标签') 插入到标签里面的前面 prependTo() 插入到标签里面的后面

    5:节点外部插入

    after() 向指定元素后插入一个同级标签 before() 向指定元素前插入一个同级标签 insertAfter()将指定元素移入指定元素后面 insertBefore()将指定元素移入指定元素后面

    6:包裹节点方法

    wrap() 向指定元素包裹一层代码 wrap(element) 向指定标签包裹指定标签 unwrap() 移除指定元素上一层标签 wrapAll() 包裹所有的指定元素上 wrap()和wrapAll()的区别是: wrap()方法是把指定标签看成独立体分别包裹 wrapAll()方法是把指定标签包裹成一个独立体

    7:操作节点方法

    clone(true/false) 克隆节点 ** 如果克隆里面没有true 那么他是不会克隆事件行为的,有true的话就会克隆事件行为 remove() 删除节点 detach() 删除节点 empty() 删除内容保留标签 replaceWith() 替换节点 replaceAll() 替换节点(先创建再删除)

    8:其他css方法

    width() 获取/设置元素的宽度 height() 获取/设置元素的高度 innerWidth() 获取元素的宽,包含内边距(padding) innerHeight() 获取元素的高,包含内边距(padding) outerWidth() 获取元素的宽,包含内边距(padding)+边框(border) **outerWidth(true) 获取元素的宽,包含内边距(padding)+边框(border)+外边距(margin) outerHeight() 获取元素的高,包含内边距(padding)+边框(border)

    9:元素偏移方法

    offset() 元素相对可视窗口的偏移位置 position() 元素相对父元素的偏移位置 scrollTop(val) 获取/设置垂直滚动条的值 scrollLeft(val) 获取/设置横滚动条的值
    Processed: 0.010, SQL: 8