jquery(dom操作方法)
2016-04-02 15:14
218 查看
1 创建节点
内部插入 { 1 append() $(selector).append("html,jquery,dom") 接受html字符串,匹配jquery和dom对象 插入节点后面
2 prepend() 同上 ,插入元素位置前面
}以上两种方法都具有破坏性,当重复调用则会删除前面匹配对象
外部插入 { 1 affter() 匹配元素之前插入
2 before() 匹配元素之后插入
}
内部插入与外部插入区别在于内部插入后与原节点关系为父子节点,而外部插入为兄弟节点。
2 删除内容 dom内置方法(nodechild.removechild(node)
{
1 remove(selector) 主要删除当前匹配节点以及包含的子节点
2 empty() 同上 但不删除当前匹配节点
3 datach([expr])expr是一个选择表达式将需要移出元素从匹配元素中过滤出来 与上面两种方法不同detach()移除的节点以及节点内容都会保存下来 可以后面再接入dom文档中
}
3 包裹内容
{
外包
1 wrap(wrappingElement)参数表示html,选择表达式,jquery和dom对象
内包
2 wrapinner(xx)同上
总包
3 wrapall(xx)
卸包
4 unwrap()无参数 能将匹配元素的父级元素删除保留自身和兄弟元素
}
wrap()与wrapinner()区别于前者给匹配节点加入父节点后者添加子节点 ,而wrapall()给整个匹配元素一个父元素,而wrap()给每个匹配元素一个父元素。
内部插入 { 1 append() $(selector).append("html,jquery,dom") 接受html字符串,匹配jquery和dom对象 插入节点后面
2 prepend() 同上 ,插入元素位置前面
}以上两种方法都具有破坏性,当重复调用则会删除前面匹配对象
外部插入 { 1 affter() 匹配元素之前插入
2 before() 匹配元素之后插入
}
内部插入与外部插入区别在于内部插入后与原节点关系为父子节点,而外部插入为兄弟节点。
2 删除内容 dom内置方法(nodechild.removechild(node)
{
1 remove(selector) 主要删除当前匹配节点以及包含的子节点
2 empty() 同上 但不删除当前匹配节点
3 datach([expr])expr是一个选择表达式将需要移出元素从匹配元素中过滤出来 与上面两种方法不同detach()移除的节点以及节点内容都会保存下来 可以后面再接入dom文档中
}
3 包裹内容
{
外包
1 wrap(wrappingElement)参数表示html,选择表达式,jquery和dom对象
内包
2 wrapinner(xx)同上
总包
3 wrapall(xx)
卸包
4 unwrap()无参数 能将匹配元素的父级元素删除保留自身和兄弟元素
}
wrap()与wrapinner()区别于前者给匹配节点加入父节点后者添加子节点 ,而wrapall()给整个匹配元素一个父元素,而wrap()给每个匹配元素一个父元素。
相关文章推荐
- 关于表单的jQuery练习
- jquery ui widget原理解析
- jquery跟js初始化加载的多种方法及区别介绍
- jquery ajax 方法及各参数详解
- CSS3/jQuery自己定义弹出窗体
- 使用jQuery加载html页面到指定的div
- 使用jQuery设置disabled属性与移除disabled属性
- 【JQuery】调用trigger()方法手动触发指定的事件
- 【JQuery】使用one()方法绑定元素的一次性事件
- 【JQuery】toggle函数
- 10分钟-jQuery操作DOM元素
- 【JQuery】使用hover()方法切换事件
- 自定义jquery插件
- 【JQuery】页面加载时触发ready()事件
- jQuery实现鼠标选文字发新浪微博的方法
- JQuery解析XML的方法小结
- 【JQuery】使用remove()和empty()方法删除元素
- Jquery操作全选,反选等批处理
- 【JQuery】使用each()方法遍历元素
- 【JQuery】使用wrap()和wrapInner()方法包裹元素和内容