您的位置:首页 > Web前端 > JQuery

Jquery Dom操作

2015-12-20 00:50 561 查看
可以直接使用$(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