`
xixian
  • 浏览: 210992 次
  • 性别: 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权威指南-源代码

    全书一共分为11章,首先以示例的方式对jQuery做了全局性的介绍,以便于为读者建立jQuery的大局观,这对初学者尤为重要;其次详细讲解了jQuery的各种选择器、jQuery操作DOM的方法、jQuery中的事件与应用、jQuery中的...

    超实用的jQuery代码段

    《超实用的jQuery代码段》从jQuery框架的使用原理与应用场景出发,对最实用的jQuery代码段进行了全方位的介绍和演示。全书分为11章,包含网页效果、DOM元素与属性、HTML事件、CSS样式、用户输入自动完成、拖放、图形...

    jQuery详细教程

    选择器允许您对 DOM 元素组或单个 DOM 节点进行操作。 jQuery 元素选择器 jQuery 使用 CSS 选择器来选取 HTML 元素。 $("p") 选取 &lt;p&gt; 元素。 $("p.intro") 选取所有 class="intro" 的 &lt;p&gt; 元素。 $("p#demo") 选取 ...

    jQuery权威指南366页完整版pdf和源码打包

    jquery开发入门/1 1.1 jquery概述/2 1.1.1 认识jquery /2 1.1.2 jquery基本功能/2 1.1.3 搭建jquery开发环境/3 1.1.4 编写第...jquery控制dom对象/7 1.2.3 jquery控制页面css /9 1.3 本章小结/11 第2章...

    韩顺平PHP JS JQUERY 所有视频下载种子 货真价实

    10-27 3 jquery节点操作 10-27 4 练习题讲解 10-27 5 jquery属性操作 获取子元素和兄弟元素的方法 10-27 6 练习题讲解 10-27 7 jquery和ajax整合使用的方法 10-29 1 svn安装及常用操作 10-29 2 svn常用操作 实例讲解...

    适用于NodeJS +服务器端jQuery的Web爬网程序/蜘蛛;-)-Node.js开发

    最流行和生产的抓取/抓取软件包节点,快乐的黑客:)功能:服务器端DOM和自动插入的Cheerio(默认)或JSDOM jQuery可配置的池大小和重试控制速率限制请求的优先级队列强制UTF8模式让爬网程序为您处理字符集检测和转换...

    studentBackstageManagement:node后台的学生管理系统

    节点开发的学生管理系统 技术栈: Node+express+mongodb+mongoose+bootstrap+jquery 项目启动 cnpm install / cnpm i node app.js 项目结构说明: models M:模型,处理数据 controllers C:控制器,命令模型操作...

    ExtAspNet_v2.3.2_dll

    -增加示例(data/tree_select_run.aspx),如何选中当前节点的所有子节点(feedback:wjl_wjl520)。 +TreeNode的属性NodeId被重命名为NodeID,这是ExtAspNet中的一个命名约定。 -同时更名的还有GridColumn的...

    python入门到高级全栈工程师培训 第3期 附课件代码

    02 什么是异常处理及异常处理的两种方式对比 03 多分支与万能异常 04 异常处理的其他内容 05 什么时候用异常处理 06 什么是socket 07 套接字发展及分类 08 基于tcp协议的套接字编程 09 socket底层工作原理解释 10 ...

    (全)传智播客PHP就业班视频完整课程

    10-27 3 jquery节点操作 10-27 4 练习题讲解 10-27 5 jquery属性操作 获取子元素和兄弟元素的方法 10-27 6 练习题讲解 10-27 7 jquery和ajax整合使用的方法 10-29 1 svn安装及常用操作 10-29 2 svn常用操作 实例讲解...

    史上最全韩顺平传智播客PHP就业班视频,10月份全集

    10-27 3 jquery节点操作 10-27 4 练习题讲解 10-27 5 jquery属性操作 获取子元素和兄弟元素的方法 10-27 6 练习题讲解 10-27 7 jquery和ajax整合使用的方法 10-29 1 svn安装及常用操作 10-29 2 svn常用操作 实例讲解...

    史上最全传智播客PHP就业班视频课,8月份视频

    10-27 3 jquery节点操作 10-27 4 练习题讲解 10-27 5 jquery属性操作 获取子元素和兄弟元素的方法 10-27 6 练习题讲解 10-27 7 jquery和ajax整合使用的方法 10-29 1 svn安装及常用操作 10-29 2 svn常用操作 实例讲解...

    史上最全韩顺平传智播客PHP就业班视频,9月份全集

    10-27 3 jquery节点操作 10-27 4 练习题讲解 10-27 5 jquery属性操作 获取子元素和兄弟元素的方法 10-27 6 练习题讲解 10-27 7 jquery和ajax整合使用的方法 10-29 1 svn安装及常用操作 10-29 2 svn常用操作 实例讲解...

    TMS WEB Core for RAD Studio 10.3

    它可以与IIS、Apache、节点一起使用。js、Litespeed Nginx,…… 我可以将自己的Javascript库/CSS与自动生成的代码混合在一起吗? 是的,现有的Javascript库和框架可以使用。对于jQuery和jQuery UI控件,有现成的支持...

    基于jbpm与activiti的工作流平台技术架构介绍

    而且还提供用户的属性自定义,允许对用户进行多种属性的扩展,以支持工作流中的任务节点的人员的复杂查找计算。 3.系统安全管理 系统的安全管理由Spring Security 3提供配置及管理,非常容易与第三方的用户或认证...

    danca-das-cadeiras:Dançadas Cadeiras项目旨在为学术界提供一个网站,以组织并就可能为本科生招生的人数提供反馈

    git版本控制(包括处理合并冲突) javascript 前端: html CSS(引导程序) jQuery(JavaScript库) 后端: javascript(MOAAARR !!) node.js(express和ejs) MongoDB(猫鼬) npm的东西 安装软件包命令:...

    老男孩第三期Python全栈开发视频教程 零基础系统学习Python开发视频+资料

    ├─(132) 04 编辑学生信息之后台处理.avi ├─(133) 05 以上内容总结.avi ├─(134) 06 Ajax功能补充.avi ├─(135) day57课上所有.rar (22)\\python全栈day51-60\\python全栈s3 day58;目录中文件数:9个 ├─(136)...

    Java学习笔记-个人整理的

    {1.9}流程控制}{31}{section.1.9} {1.9.1}\texttt {if\ldots esle\ldots }}{31}{subsection.1.9.1} {1.9.2}\texttt {switch}}{31}{subsection.1.9.2} {1.9.3}\texttt {while}}{32}{subsection.1.9.3} {1.9.4}\...

Global site tag (gtag.js) - Google Analytics