`
xixian
  • 浏览: 216487 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

jquery对节点的控制处理

 
阅读更多
   //获取上下节点
    $("#id").next();//获取下节点
    $("#id").prev();//获取上节点

    ////几种添加节点的方法 
    $("p").append("<b>你好吗?</b>");//向p元素中追加《b》 
    $("<b>你好吗?</b>").appendTo("p");//将《b》追加到p元素中 
    $("p").prepend("<b>你好吗?</b>");//向p中前置《b》 
    $("<b>你好吗?</b>").prependTo("p");//将《b》前置到p元素中 
    $("p").after("<b>你好吗?</b>");//向p元素后插入《b》 
    $("<b>你好吗?</b>").insertAfter("p");//将《b》插入到p元素后边 
    $("p").before("<b>你好吗?</b>");//在p元素之前添加《b》 
    $("<b>你好吗?</b>").insertBefore("p");//将《b》插入到p元素前面 
   
   
    //几种删除节点的方法 
    var $li=$("ul li:eq(1)").remove();//删除ul节点中第2个元素节点 
    $("ul").append($li);//把刚删除的元素节点从新添加到ul元素中去 
    $("ul li").remove("li[title!=菠萝]");//将ul元素下title属性不等于"菠萝"的li元素删除 
    $("ul li:eq(1)").empty();//清空ul节点下第2个li元素的内容 
   
    //复制节点 
   $("ul li").click(function(){ 
     $(this).clone(true).appendTo("ul");//复制当前点击的节点,并将它追加到《ul》元素中,当添加参数时复制它的事件 
   
    }); 
    
    //替换节点 
   $("p").replaceWith("<strong>你最不喜欢的水果是?</Strong>"); 
   $("[name='rp']").replaceWith("<tr><td>gg</td><td>gg</td><td>gg</td><td>gg</td></tr><tr><td>gg</td><td>gg</td><td>gg</td><td>gg</td></tr>"); 
   
分享到:
评论

相关推荐

    jQuery带节点步骤进度条插件.zip

    jQuery带节点步骤进度条插件是一款专为网页设计者打造的高效工具,它主要用于呈现具有节点的步骤进度样式。在创建交互式用户界面时,这种插件尤其有用,例如在线表单提交、购物车结账流程或者任何需要按顺序进行多...

    jquery 进度 节点 样式

    在jQuery中,我们可以使用`$(selector)`选择器来选取页面上的特定节点,然后对其进行操作。例如,要找到所有的进度条元素并改变它们的样式,可以这样写: ```javascript $(".progress-bar").each(function() { $...

    jQuery动态添加节点循环流程图表代码.zip

    本资源“jQuery动态添加节点循环流程图表代码”提供了利用jQuery实现动态添加节点并创建循环流程图表的方法。这样的功能在数据可视化、交互式用户界面以及流程展示等方面非常实用。 首先,我们要理解jQuery动态添加...

    jQuery DOM节点操作源码

    在"jQuery DOM节点操作源码"中,我们可以深入理解jQuery是如何优雅地处理DOM(Document Object Model)节点的。以下是关于jQuery DOM操作的一些关键知识点: 1. **选择器**:jQuery 的核心功能之一就是强大的选择器...

    jQuery节点分布圆形循环信息展示.zip

    本示例中的"jQuery节点分布圆形循环信息展示"是一个利用jQuery实现的特色功能,用于在网页上以动态、美观的方式展示信息。这种效果通常用于数据可视化或用户界面设计,以吸引用户的注意力并提供信息。 首先,我们要...

    jQuery+Asp.net 操作XML文件添加、编辑、删除节点源码例子

    在这个案例中,Asp.net接收来自jQuery的Ajax请求,执行对XML文件的操作,然后将结果返回给前端。 要实现XML文件的读取、写入和操作,Asp.net通常会使用System.Xml命名空间中的类,如XmlDocument或XDocument。这些类...

    jQuery响应式垂直时间轴节点分支提示代码

    【jQuery响应式垂直时间轴节点分支提示代码】是一款专为网页设计开发的交互式插件,它巧妙地利用了jQuery库来实现动态的时间轴展示。时间轴作为一种有效的信息组织方式,能够清晰地呈现一系列事件的发展过程,尤其...

    jQuery时间轴节点分支提示代码.zip

    在这个特效中,jQuery被用来处理用户交互,例如当鼠标悬停在时间轴节点上时显示分支提示,或者点击节点进行更详细的展开与收缩。 其次,CSS(Cascading Style Sheets)是用于控制网页元素样式的一种语言。在这个...

    jQuery节点分布圆形循环信息展示代码.zip

    本篇文章将深入探讨如何利用jQuery实现节点分布的圆形循环信息展示,基于提供的"jQuery节点分布圆形循环信息展示代码.zip",我们将分析其核心原理及代码结构。 首先,我们来看一下标题中提及的关键——“jQuery节点...

    jQuery-带节点步骤进度条插件

    在IT行业中,jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互。本文将深入探讨“jQuery-带节点步骤进度条插件”的使用方法、功能特性以及如何在HTML项目中集成这个插件。 ...

    Dtree+Jquery动态生成树节点

    通过JQuery,我们可以利用其强大的DOM操作和事件处理能力,轻松地在网页上生成、更新和操作这些树节点。 在"Dtree Jquery动态生成树节点"这个主题中,我们可以探讨以下几个关键知识点: 1. **DTree的初始化**:在...

    用JQUERY模仿Angularjs的todoList(mvc)

    这种方法更适合对jQuery熟悉但对AngularJS不那么了解的开发者,同时也展示了两种不同框架在实现相同功能时的思路差异。 总结一下,通过这次模仿,我们学习了如何在jQuery中创建一个简单的TodoList应用,包括数据...

    jQuery节点分布圆形循环信息展示代码

    jQuery节点分布圆形循环信息展示是一种常见的前端开发技术,主要用于创建动态、吸引人的用户界面。这种技术结合了jQuery库的强大功能和HTML/CSS的布局能力,实现了数据或信息以环形排列并在用户交互下进行切换展示。...

    jQuery树形节点标签菜单插件

    在本案例中,我们讨论的是一个名为"jQuery树形节点标签菜单插件"的工具,它专门用于创建具有下拉、展开、收缩功能的树形标签菜单。这个插件特别适合于构建用户界面,特别是在需要层级结构和单一选择的情况下。 首先...

    jQuery带节点步骤进度条插件特效代码

    **jQuery带节点步骤进度条插件特效代码详解** 在网页设计和开发中,步骤进度条是一种常见的用户界面元素,它能够清晰地展示任务或过程的完成情况,为用户提供明确的导航。本文将深入探讨一款基于jQuery的响应式步骤...

    jQuery可收缩展开左侧流程图菜单列表代码.zip

    - 通过使用jQuery,可以轻松实现节点的展开和收缩,增加交互性,同时利用CSS美化样式,提升视觉效果。 7. **代码实现**: - 这个压缩包中的代码可能包括HTML文件(包含结构和jQuery脚本)、CSS文件(负责样式)...

    移动节点的jquery代码

    在网页开发中,jQuery 是一个非常流行的 JavaScript 库,它极大地简化了 DOM 操作,包括移动、添加和删除节点等任务。在这个示例中,我们将深入理解如何使用 jQuery 移动节点,以及这个过程在实际应用中的作用。 ...

    jquery ztree 从后台action加载树节点

    // 对获取到的树节点数据进行处理 $.each(list, function (i, n) { list[i].icon = "css/zTreeStyle/img/diy/3.png"; alert(list[i].children); $.each(list[i].children, function (j, n) { list[i].children...

    jquery层叠图片横向平滑移动轮播切换效果

    在网页设计中,jQuery是一种广泛使用的JavaScript库,它极大地简化了DOM操作、事件处理和动画效果。本项目“jquery层叠图片横向平滑移动轮播切换效果”是利用jQuery实现的一种动态图片展示方式,通常被用于网站的...

    jQuery响应式垂直时间轴节点分支提示代码.zip

    对于想要二次修改的开发者,可以深入理解jQuery选择器、事件处理、动画方法以及DOM操作,根据实际需求调整代码。例如,可以添加新的时间轴项,改变节点的样式,或者增加自定义的提示内容。 总的来说,这个压缩包...

Global site tag (gtag.js) - Google Analytics