jQuery中删除节点方法remove()、detach()、empty()分析

jQuery中提供了三种删除节点的方法:remove().detach().empty(),本文详细分析这三种方法. 最容易区分的是empty(),该方法严格上属于“清空节点”,即删除其子节点,自身并不会删除.举个栗子: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>remove和detach对比</titl…

Jquery中删除元素方法

empty用来删除指定元素的子元素,remove用来删除元素,或者设定细化条件执行删除语法: empty() remove(expr); empty用来删除指定元素的子元素,remove用来删除元素,或者设定细化条件执行删除,如: html <div> <p id="emptyTest">此标签的使用empty方法删除</p> <p>以下的标签将被删除</p> <p class="emptyTest"…

jQuery的删除的三种方法remove(),detach(),empty()

remove()方法是从DOM中删除所有匹配的元素,包括匹配元素的子元素.但是他会有一个返回值, 返回值是一个指向已被删除的节点的引用,所以说,remove删除的元素,还可以再回收利用. var $li_2 = $("ul li:eq(1)").remove();//删除第二个li标签 $("ul").append($li_2);//将删除的标签在添加到ul中去 remove()也可以添加参数,有选择性的删除元素. $("ul li").remo…

jquery 中一些特殊方法的特殊使用一览表

cnblogs的页面, 一种是管理页面, 是随笔的列表 a full list of essays. 另一种是首页. 要搜索文档的话, 就使用 "首页"的那种方式. 一个jquery的基本常识: 任何一个jquery完整的选择器, 完整的形式, 实际上包含的是两个参数 $("selector", context). context表示jquery搜索匹配的环境, 通俗的说就是搜索的范围(有开始和结尾),可以理解为: $("selector"…

jQuery中的节点操作(一)

html代码如下 <p>Dom操作练习</p> jQuery插入节点 $("p").append("武汉php"); //向每个匹配的元素内部追加内容 $("武汉php").appendTo("p"); $("p").prepend("武汉php"); //向每个匹配的元素内部前置内容 $("武汉php").prependTo("p&…

解决关于jquery中$.get(）方法总是报“HierarchyRequestError: Node cannot be inserted at the specified point in the hierarchy”错的方法

解决关于jquery中$.get()方法总是报“HierarchyRequestError: Node cannot be inserted at the specified point in the hierarchy”错的方法今天在看<jquery基础教程(第三版)>第十章的时候,运行随书下载的源码时总是不成功.起初以为书中自带的JS文件有错呢,但是测来测去也没发现哪里有问题.现在把源码附下: 1.这是书中带的HTML文件,其余的忽略不计,关键的就是下面这个a. <a id=&qu…

jquery中的ajax方法参数

引用来自:http://www.cnblogs.com/tylerdonet/p/3520862.html jquery中的ajax方法参数总是记不住,这里记录一下. 1.url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. 2.type: 要求为String类型的参数,请求方式(post或get)默认为get.注意其他http请求方法,例如put和delete也可以使用,但仅部分浏览器支持. 3.timeout: 要求为Number类型的参数,设置请求超时时间(毫秒).…

HTML5中的data-*属性和jQuery中的.data()方法使用

原文地址链接:http://blog.csdn.net/fly_zxy/article/details/50687691: HTML5中的data-*属性我们往往会根据需要在HTML标记上添加自定义的属性来存储和操作数据,我们自定义的属性名字也千奇百怪,五花八门.我们可以通过原生的getAttribute()或jQuery中的.attr()来获取我们自定义的属性.但是前端技术在向着规范化前进.HTML5标准规定,自定义的属性都已data—*开头,这样就区分开了固有属性和自定义属性.HTML代码…

jquery中的ajax方法

$.ajax()方法详解 jquery中的ajax方法参数总是记不住,这里记录一下. 1.url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. 2.type: 要求为String类型的参数,请求方式(post或get)默认为get.注意其他http请求方法,例如put和delete也可以使用,但仅部分浏览器支持. 3.timeout: 要求为Number类型的参数,设置请求超时时间(毫秒).此设置将覆盖$.ajaxSetup()方法的全局设置. 4.async: 要求为B…

jQuery 中的 unbind() 方法

jQuery 中的 unbind() 方法是 bind() 方法的反向操作,从每一个匹配的元素中删除绑定的事件. 语法结构: unbind([type][, data]); type是事件类型,data为将要移除的事件.具体说明如下: 1.如果没有参数,则删除所有的绑定事件: 2.如果提供了事件类型(type)作为参数,则只删除该类型的绑定事件: 3.如果把在绑定时传递的处理函数作为第2个参数,则只有这个特定的事件处理函数被删除.…

jQuery中的join方法

和JS 中的JOIN 方法一样,将一数组按照JOIN的参数连接起来.比如: var arr = [ "a", "b", "c", "d", "e" ]; document.write(arr.join("-")); 结果:a-b-c-d-e. var members=["John","Steve","Ben",&quo…

jquery中的index方法

问题描述:灵活使用jquery中的index方法方法签名:index([selector|element]) 用法概述:P1.index(P2) //调用者P1可以为对象或集合参数为空,返回P1[0]在父容器内的索引: 参数为字符串(即传入了一个选择器selector),返回P1[0]在P2的所有匹配中的索引,即只要传入字符串,就是在P2匹配的元素中查找P1[0]: 参数为js对象或jquery对象(即传入了一个或一组element),则返回P2[0]在P1中的索引,即只要传入的是对象,就…

用JQuery中的Ajax方法获取web service等后台程序中的方法

用JQuery中的Ajax方法获取web service等后台程序中的方法 1.准备需要被前台html页面调用的web Service,这里我们就用ws来代替了,代码如下: using System;using System.Collections.Generic;using System.Data;using System.Linq;using System.Web;using System.Web.Services;using System.Threading;using System.Xm…

jQuery中的ready方法及实现按需加载css,js

模拟jQuery中的ready方法及实现按需加载css,js 一.ready函数的实现经常用jQuery类库或其他类库中的ready方法,有时候想想它们到底是怎么实现的,但是看了一下jQuery中的源码,涉及到的模块比较多,(水平有限)代码比较难看懂:自己结合了一些书籍内容,总结一下. 先说一下ready函数的实现思路: 变量ready通过表达式赋值,右侧为一个自执行匿名函数,在这个匿名函数中,首先为各个浏览器的事件绑定处理函数,并为isReady赋值(根据事件异步处理程序来确定),然后返回一…

$.ajax()方法详解 jquery中的ajax方法

jquery中的ajax方法参数总是记不住,这里记录一下. 1.url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. 2.type: 要求为String类型的参数,请求方式(post或get)默认为get.注意其他http请求方法,例如put和delete也可以使用,但仅部分浏览器支持. 3.timeout: 要求为Number类型的参数,设置请求超时时间(毫秒).此设置将覆盖$.ajaxSetup()方法的全局设置. 4.async: 要求为Boolean类型的参数,默…

jQuery中的$.ajax()方法

jQuery中的$.ajax()方法 $.ajax({ type:"POST", url:"../page/user.action?userId=" + userNo, dataType:"json", data:{ "userId":userNo, "userName":username }, success:function(data){ console.info(data.items); consol…

jquery中的load方法加载页面无法缓存问题

在A页面中调用JQuery中的load方法,加载另一个B页面,B页面中的样式文件和JS文件无法从浏览器缓存中获取,每次都是实时获取.这是因为B页面的HTML经load方法处理后,会为每个样式和JS文件请求增加一个时间戳的参数,这样就导致每次B页面加载时,其中的样式和JS文件都无法从浏览器缓存中获取. 在有些场景下可能需要非首次加载B页面时,B页面中的样式和JS文件可以从浏览器缓存中获取,这样对于一个需要多次加载的页面,可以增加非首次加载的速度.对于这种场景需求可以使用iframe标签实现,可以把…

jQuery中animate()的方法以及$("body").animate({"scrollTop":top})不被Firefox支持问题的解决

转载请注明出处:http://blog.csdn.net/dongdong9223/article/details/50846678 本文出自[我是干勾鱼的博客] jQuery中animate()的方法能够去w3school查看.这里主要说一下: $("body").animate({"scrollTop":top}) 不被Firefox支持问题的解决. 事实上是使用body的: $("body").animate({"scrollTo…

jQuery中使用data()方法读取HTML5自定义属性data-*实例

如果你使用jQuery类库,那么你可以非常愉悦的使用jquery的data()方法存取data-* 自定义属性,方法允许我们在DOM元素上绑定任意类型的数据,避免了循环引用的内存泄漏风险主要的方法如下: 复制代码代码如下: .data( key, value ).data( obj ).data( key ).data() 从jQuery 1.4.3起, HTML 5 data- 属性将自动被引用到jQuery的数据对象中.例如HTML: 复制代码代码如下: <div data-role =…

模拟jQuery中的ready方法及实现按需加载css,js实例代码

这篇文章介绍了模拟jQuery中的ready方法及实现按需加载css,js实例代码,有需要的朋友可以参考一下一.ready函数的实现经常用jQuery类库或其他类库中的ready方法,有时候想想它们到底是怎么实现的,但是看了一下jQuery中的源码,涉及到的模块比较多,(水平有限)代码比较难看懂:自己结合了一些书籍内容,总结一下.先说一下ready函数的实现思路:变量ready通过表达式赋值,右侧为一个自执行匿名函数,在这个匿名函数中,首先为各个浏览器的事件绑定处理函数,并为isRea…

Jquery中的toggle()方法

Jquery中的toggle()方法,有一次在看别人写的Jquery插件时,发现对toggle有如下使用 search.pagePrevious.toggle(data.pageNumber > 1) search.pageNext.toggle(data.pageNumber < 5) 刚开始很不理解toggle()方法中如何有boolean的参数因为一般使用的都是 $(selector).toggle(speed,callback) speed: 可选参数规定元素从可见到隐藏的速度(或…

Jquery中的bind()方法的一点问题

bind()方法绑定事件的时候,第二个参数是函数,如果代码都写在函数里面,没有任何问题.但是,直接调用外部封装的函数需要注意,出错的例子: <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> </head> <body> <div>点我</div> <script s…

jquery-12 jquery中的工具方法有哪些

jquery-12 jquery中的工具方法有哪些一.总结一句话总结:四个较常用方法.1.isArray();2.isFunction();3.isEmptyObejct();4.trim(); 1.jquery的工具方法的格式是什么样的? $.加方法名 4 str=$.param(obj); 24 str=$('form').serialize(); 2.将数据转成url参数的两个方法是哪两个? param把json对象转成url参数 serialize把表单的属性和值转成url参数字符串…

jquery中的ajax方法参数的用法和他的含义

jquery中的ajax方法参数的用法和他的含义: 1.url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. 2.type: 要求为String类型的参数,请求方式(post或get)默认为get.注意其他http请求方法,例如put和delete也可以使用,但仅部分浏览器支持. 3.timeout: 要求为Number类型的参数,设置请求超时时间(毫秒).此设置将覆盖$.ajaxSetup()方法的全局设置. 4.async: 要求为Boolean类型的参数,默…

jQuery中效果animate方法解决width是百分比出现的问题

jQuery中效果animate方法解决width是百分比出现的问题 http://www.mafutian.net/131.html 问题描述: 效果如图,初始化,每个层宽20%,采用animate,让选中的层,宽度80%,其他层宽5% 动画执行时,会导致所有层宽超出100%,最后一个层移到下一行,移动过程中,最后一个层一直闪烁的出现与消失如链接中的文章中所说,animate时不要用%比,js计算出具体的px宽度,再来移动即可解决…

jQuery中的bind() live() delegate()之间区别分析

jQuery中的bind() live() delegate()之间区别分析首先,你得要了解我们的事件冒泡(事件传播)的概念,我先看一张图 1.bind方式 $('a').bind('click',function (){ alert('click'); }) 解析:这种方式最简单,jq扫描文档找出所有的a,让将函数绑定到每个元素的click事件上 2.live方式 $('a').live('click',function (){ alert('click'); }) 解析:jq将函数绑定到$…

jQuery中删除方法empty(),remove()和detach()的区别

empty():清空匹配的元素集合中所有的子节点,自身节点和事件都未被删除. remove():这个方法不会把匹配的元素从jQuery对象中删除,因而可以在将来再使用这些匹配的元素.但除了这个元素本身得以保留之外,其他的比如绑定的事件,附加的数据等都会被移除. detach():这个方法不会把匹配的元素从jQuery对象中删除,因而可以在将来再使用这些匹配的元素.与remove()不同的是,所有绑定的事件.附加的数据等都会保留下来. 举个栗子: <body> <div id="…

在Neo4j中删除节点中多个属性的方法

译者言:本文介绍了如何批量删除节点的属性的方法,重点介绍了apoc.create.removeProperties 函数的使用. 今天早些时候,Irfan和我在一个数据集上做实验,运行了一些图形算法的程序,结果节点上多了一些属性,所以,现在我要想办法清理这些属性. 现在的数据情况,可以用下面的语句模拟出来: CREATE (:Node {name: "Mark", pagerank: 2.302, louvain: 1, lpa: 4 })CREATE (:Node {name: &q…

jquery中的节点的操作

节点的操作 Dom 文档对象模型解决一．插入节点 Append() 在每个匹配的元素中追加内容 Var $li_1= “<li></li>”; Var $li_2 =”<li></li>” $(“ul”).append($li_1).append($li_2); //添加到ul中rep appendTo() 将所有匹配元素追加到指定元素中 $(“<b>asd</b>”).appendTo(p); p 指<p>&…

jquery中的clone()方法使用

clone([Even[,deepEven]]) 描述: 克隆匹配的DOM元素并且选中这些克隆的副本. 在想把DOM文档中元素的副本添加到其他位置时这个函数非常有用. 1:一个布尔值(true 或者 false)指示事件处理函数是否会被复制. 2:一个布尔值,指示是否对事件处理程序和克隆的元素的所有子元素的数据应该被复制. 如下例子一:(克隆所有b元素(并选中这些克隆的副本),然后将它们前置到所有段落中.) html代码: <b>Hello</b><p>, how ar…

【jQuery中删除节点方法remove()、detach()、empty()分析】的更多相关文章