js与jquery获取父元素,删除子元素的两种不同方法

 更新时间:2014年01月09日 09:26:38   作者:  
本篇文章主要是对js与jquery获取父元素,删除子元素的两种不同方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助

var obj=document.getElementById("id");得到的是dom对象,对该对象进行操作的时候使用js方法

var obj=$("#id");得到的是jquery对象,对该对象进行操作的时候使用jquery方法

1.对于上面获得的对象进行遍历

(1).js方法  for(vat i=0;j<obj.length;i++){ obj[i] 来获得对应的某一个元素}

(2).jquery方法  $(“#id”).each(function(){ $(this) 来获得对应的某一个元素});

2.获取满足条件的元素的父元素

(1).js方法:var o=obj[i].parentNode

(2).jquery方法:var o=$(this).parent()

2.得到父元素后,可以删除该父元素的子元素

(1).js方法:o.removeChild(obj[i]);

(2).jquery方法:o.empty()

相关文章

  • js中“??“和“?.“用法小结

    js中“??“和“?.“用法小结

    这篇文章主要介绍了js中“??“和“?.“用法小结,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
    2023-11-11
  • 用move.js库实现百叶窗特效

    用move.js库实现百叶窗特效

    本文主要介绍了用move.js库实现百叶窗特效的思路与方法。具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • 推荐10 款 SVG 动画的 JavaScript 库

    推荐10 款 SVG 动画的 JavaScript 库

    这篇文章主要推荐了10 款 SVG 动画的 JavaScript 库,非常的实用,效果也非常棒,有需要的朋友可以参考下。
    2015-03-03
  • JavaScript 核心参考教程 RegExp对象

    JavaScript 核心参考教程 RegExp对象

    JavaScript 核心参考教程RegExp对象,学习正则表达式的朋友可以参考下。
    2009-10-10
  • 不同编码的页面表单数据乱码问题解决方法

    不同编码的页面表单数据乱码问题解决方法

    这篇文章主要介绍了不同编码的页面表单数据乱码问题解决方法,本文使用一个表单不常用属性accept-charset解决了这个问题,需要的朋友可以参考下
    2015-02-02
  • javascript中不易分清的slice,splice和split三个函数

    javascript中不易分清的slice,splice和split三个函数

    这篇文章主要为大家详细介绍了javascript中不易分清的slice,splice和split三个函数,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • JavaScript编码小技巧分享

    JavaScript编码小技巧分享

    这篇文章适合任何一位基于JavaScript开发的开发者。我写这篇文章主要涉及JavaScript中一些简写的代码,帮助大家更好理解一些JavaScript的基础。希望这些代码能从不同的角度帮助你更好的理解JavaScript。
    2020-09-09
  • js setTimeout()函数介绍及应用以倒计时为例

    js setTimeout()函数介绍及应用以倒计时为例

    setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式,下面有个倒计时的示例,需要的朋友可以学习下
    2013-12-12
  • 原生js+cookie实现购物车功能的方法分析

    原生js+cookie实现购物车功能的方法分析

    这篇文章主要介绍了原生js+cookie实现购物车功能的方法,结合实例形式分析了javascript结合cookie存储实现购物车功能的相关操作技巧,需要的朋友可以参考下
    2017-12-12
  • 使用rollup打包JS的方法步骤

    使用rollup打包JS的方法步骤

    这篇文章主要介绍了使用rollup打包JS的方法步骤,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-12-12

最新评论