可以直接使用$(html)创建dom节点,其中html是要创建的html元素字符串。
有一下方法可以把dom节点插入dom树
- append()
- appendTo()
- prepend()
- prependTo()
- after()
- insertAfter()
- before()
- insertBefore()
删除节点
- remove()
- detach()
- empty()
remove移除的元素之前绑定的事件将失效。而detach将保留事件,如果将来还用到这些元素的话。empty则清空指定节点的所有内容和子元素。
复制节点
-clone();参数可以是true或false,true把事件等内容一起复制。
替换节点
- replaceWith()
- replaceAll()
这两个功能一样,只是颠倒了顺序。with把目标节点替换掉,all则是把参数节点替换掉。绑定的事件将会消失。
包裹节点
- wrap()
- wrapAll()
- wrapInner()
wrapAll会包裹所有符合的元素,但是只是用一个元素,wrap则单独包裹,用wrapAll若中间有其他元素,则其他元素被放到包裹元素之后。wrapInner则是和wrap相反包裹参数元素。
获取属性和设置属性
- attr()
1个参数获取,2个参数设置。设置多个属性时,可以传入一个对象,键值对的属性和值。
- removeAttr() 同上
- prop()
- removeprop()
获取和删除匹配集中的第一个元素。
- addClass()
- removeClass()
切换样式则可以使用element.toggle(function1,function2);
toggleClass(class)可以切换样式
- hasClass()判断是否有某样式。可以用is()来代替,实际jq是调用了is来执行的。
- html()
- text()
- val()
- this.defaultValue是当前的默认值
- children()
- next()
- prev()
- siblings()
- closest(element) 返回目标最近的element元素
- parent()
- parents()
- css()
- offset()
- scrollTop()
- scrollLeft()
Jquery Dom操作
最新推荐文章于 2024-07-05 14:21:58 发布