如何在不删除div本身的情况下，只使用JavaScipt而不使用jQuery来删除div中的所有内容？ - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

JQuery最全常用方法指南

contents() 取得一个包含匹配的元素集合中每一个元素的所有子孙节点的集合(只包括元素节点，不包括文本节点)，如果元素为iframe，则取得其中的文档元素 find(expr) 搜索所有与指定表达式匹配的元素...如：$("#msg")[0]，$("div").eq(1)[0]，$("div").get()[1]，$("td")[5]这些都是dom对象，可以使用dom中的方法，但不能再使用Jquery的方法。...对于jquery对象只能使用jquery的方法，而dom对象只能使用dom的方法，如要获取第三个 div > 元素的内容。...var settings = $.extend({}, defaults, options); //合并defaults和options，并将合并结果返回到setting中而不覆盖default内容。...如： jQuery.noConflict(); // 开始使用jQuery jQuery("div p").hide(); // 使用其他库的 $() $("content").style.display

13.2K3 1

一个小时学会jQuery

而相比于1.7.2 RC1，只修复了一个bug。...) //p标签下的所有span子节点，子代节点 $('.red') //使用样式red的节点，如 $('*') //所有节点 $("div...").replaceAll("p"); //用匹配的节点替换掉所有 selector匹配到的节点 4.15、DOM删除 $("p").empty(); //删除匹配的节点集合中所有的子节点，不包括本身...$("p").remove(); //删除所有匹配的节点,包括本身 $("p").detach(); //删除所有匹配的节点(和remove()不同的是:所有绑定的事件、附加的数据会保留下来) 4.16...通常只在本地和远程的内容编码不同时使用。 statusCode map 默认: {} 一组数值的HTTP代码和函数对象，当响应时调用了相应的代码。

22.4K7 1

您找到你想要的搜索结果了吗？

是的

没有找到

jquery对象和dom对象的相互转换

如：$("#msg")[0]，$("div").eq(1)[0]，$("div").get()[1]，$("td")[5]这些都是dom对象，可以使用dom中的方法，但不能再使用Jquery的方法。...对于jquery对象只能使用 jquery的方法，而dom对象只能使用dom的方法，如要获取第三个div>元素的内容。...var settings = $.extend({}, defaults, options); //合并defaults和options，并将合并结果返回到setting中而不覆盖default内容。..." 12、解决自定义方法或其他类库与jQuery的冲突很多时候我们自己定义了$(id)方法来获取一个元素，或者其他的一些js类库如prototype也都定义了$方法，如果同时把这些内容放在一起就会引...如： $("#msg")[0]，$("div").eq(1)[0]，$("div").get()[1]，$("td")[5] 这些都是Dom对象，可以使用Dom中的方法，但不能再使用jQuery的方法

4.5K4 0

脚本语言知识总结.

(1)所有的变量使用var来定义，是弱类型变量，不代表没有类型，变量本身还是有类型的。【var a=10，var b=1.5；他们分别为整数以及浮点数类型】 (2)每行结尾分号可有可无，建议编写。...math方法返回的是匹配正则表达式内容，而不是布尔值 //alert(/^\d+$/.exec("1234abc1234"));// 返回匹配的内容 // Date使用 var date = new...在实际开发中，如果传参数，使用HTML元素绑定事件，如果不传参数，使用JS绑定事件。传参数也可以使用与JS绑定事件【使用匿名函数】。...这个动画效果只调整元素的高度，可以使匹配的元素以“滑动”的方式显示出来。在jQuery 1.3中，上下的padding和margin也会有动画，效果更流畅。...('John')") 文本内容含有john 的所有div :empty 选取不包含子元素或者文本节点的空元素 $("td:empty") td元素必须为空 :has(selector) 选取含有选择器所匹配的元素的元素

6.7K13 0

jQuery的基本操作

div>Malcom John Sinclairdiv>] 　:empty //概述 //匹配所有不包含子元素或者文本的空元素描述查找所有不包含子元素或者文本的空元素 HTML代码....jQuery第一次分配undefined值得属性,而忽略了浏览器生成的任何错误· propertyName 要删除的属性名描述设置一个段落数字属性,然后将其删除· HTML代码 </...XML文档·但可以用于XHTML文档· //在一个HTML文档中,我们可以使用.html()方法来获取任意一个元素的内容·如果选择匹配多余一个的元素,那么只有第一个匹配元素的HTML内容会被获取·...; 回调函数描述使用函数来设置所有匹配元素的内容 jQuery代码 $("p").html(function(n){ return "这个p元素的 index是:" +n; })...").text("Hello world"); 回调函数描述使用函数来设置所有匹配元素的文本内容 jQuery代码 $("p").text(function(n){ return "这个p

8.8K2 0

【一起来烧脑】读懂JQuery知识体系

背景在现在就业的过程中，会运用JQuery是你的加分项，那么什么是JQuery，嗯，jquery是JavaScript的函数库，是一种轻量级的JavaScript库，写得少，做的多，导致jQuery有很多技术人员在使用它做项目...名称冲突$符号 jQuery使用名为noConflict()方法来解决该问题 $(selector).dblclick(function) 触发或将函数绑定到被选元素的双击事件 $(selector...()--在被选元素的结尾插入内容 prepend()--在被选元素的开头插入内容 after()--在被选元素之后插入内容 before()--在被选元素之前插入内容 jQuery 删除元素 remove...过滤 first() 返回被选元素的首个元素 last() 回被选元素的最后一个元素 eq() 返回被选元素中带有指定索引号的元素索引号从0开始，因此首个元素的索引号是0而不是1 Filter...()方法 Not()方法不匹配这个标准的元素会被从集合中删除，匹配的元素会被返回 Not()方法返回不匹配标准的所有元素 jQuery AJAX AJAX是与服务器交换数据的技术在不重载全部页面的情况下

3.4K3 0

jQuery

); 1.1.2 顶级对象$ 可以用jQuery来代替，相当于原生js中的window 1.1.3 jQuery 对象和 DOM 对象用原生 JS 获取来的对象是 DOM 对象 jQuery 方法获取的元素是...，第二个是鼠标移出时触发的函数只写一个参数时，鼠标移入移出都会触发它 4.1 jQuery属性操作 4.1.1 元素固有属性值 prop() 获取元素本身自带的属性,有利于对表单操作表单属性...div').html());// 123 $('div').html('ljc'); //div中只剩ljc 普通元素文本内容只会获取文本的内容...(div); 外部添加(在后面添加) $('div').after(div); 删除元素 $('ul').remove();//整个ul删除删除元素集合中的子节点 $('ul').empty();/.../相当于清空ul里的内容通过html来清空 $('ul').html(); 4.4 尺寸，位置操作 4.4.1 jQuery尺寸操作语法用法 width() / height() 取得匹配元素宽度和高度值

10.3K1 0

06-老马jQuery教程-jQuery高级

参数 object:需要例遍的对象或数组。 callback:每个成员/元素执行的回调函数。示例 // 例遍数组，同时使用元素索引和内容。...作为参数的转换函数会为每个数组元素调用，而且会给这个转换函数传递一个表示被转换的元素作为参数。转换函数可以返回转换后的值、null（删除数组中的项目）或一个包含值的数组，并扩展至原始数组中。...删除数组中重复元素。...只处理删除DOM元素数组，而不能处理字符串或者数字数组。示例 // 删除重复 div 标签。...如果不指定target，则给jQuery命名空间本身进行扩展。这有助于插件作者为jQuery增加新方法。如果第一个参数设置为true，则jQuery返回一个深层次的副本，递归地复制找到的任何对象。

2.7K9 0

jQuery 元素操作

所以要想使用jquery方法，需要给这个dom元素转换为jquery对象 $(domEle) 注意：此方法用于遍历 jQuery 对象中的每一项，回调函数中元素为 DOM 对象，想要使用 jQuery...里面的函数有2个参数： index 是每个元素的索引号; element 遍历内容注意：此方法用于遍历 jQuery 对象中的每一项，回调函数中元素为 DOM 对象，想要使用 jQuery 方法需要转换...创建、添加、删除 jQuery方法操作元素的创建、添加、删除方法很多，则重点使用部分，如下：语法总和 1. 动态的创建了一个 $(''''); 2.1....3.删除元素 element.remove() // 删除匹配的元素（本身） element.empty() // 删除匹配的元素集合中所有的子节点 element.html(''''...) // 清空匹配的元素内容 ① remove 删除元素本身。

2.8K1 0

jQuery 快速入门教程

此外，ready()和window.onload并不兼容，因此不要混合使用。 js文件和内嵌的js代码一般不建议放在标签中，而应该放在内容主体的结束标签之前。...例如：只选取集合中符合某些条件的元素，删除集合中符合某些条件的元素，查找当前匹配元素的子元素、父元素、同辈元素、上一个元素、下一个元素等与之具有特定关系的元素。...简而言之，假设当前jQuery对象匹配多个元素，如果使用jQuery对象的方法来获取数据(“读”数据)，则只会获取第一个匹配元素的数据；如果使用jQuery对象的方法来设置元素数据(“写”数据)，则会对所有匹配元素都进行设置操作...css样式"margin: 0"，并返回当前对象本身 .hide(); // 隐藏这些子代元素，并返回当前对象本身显然，这种链式编程风格的实现机制，就是jQuery对象的所有实例方法，在没有特殊的返回需求的情况下...关于所有文档处理方法的详细信息，请参考jQuery内容操作方法一览表。 CSS操作几乎所有的CSS操作都可以通过jQuery的css()方法来进行。

15.2K3 0

Python全栈之jQuery笔记

jQuery版本: 1.x版本: 能够兼容IE678浏览器 2.x版本: 不兼容IE678浏览器 1.x和2.x版本的jQuery都不再更新版本了,现在只更新3.x版本...$("span").parentsUntil("div"); 返回介于与 div> 元素之间的所有祖先元素(不包含div元素). 2.jQuery遍历-后代后代是子、孙、曾孙等等...filter() 允许您规定一个标准,不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回....注意: 默认情况下，所有的 HTML 元素有一个静态的位置，且是不可移动的。...) $("div").empty(); 清空div的所有内容(推荐使用,会清除子元素上绑定的内容,源码) $("div").html(""); 使用html方法来清空元素,不推荐使用

6.7K4 0

前端架构师之01_JQuery

jQuery 3.x系列：只支持最新的浏览器，因此除非特殊要求，一般不会使用此版本。...3.3 节点删除语法说明 empty() 清空元素的内容，但不删除元素本身 remove([expr]) 清空元素的内容，并删除元素本身（可选参数expr用于筛选元素） detach([expr])...从DOM中删除所有匹配的元素（保留所有绑定的事件、附加的数据等） empty()方法仅能删除匹配元素的文本内容，而元素节点依然存在。...remove()方法则可以同时删除匹配元素本身和文本内容。...ery-ui.min.js"> > 在实际项目中若只做中文开发，则每次使用时都配置这些属性会比较麻烦，建议将中文相关的配置保存到一个JavaScript文件中，每次使用时直接引用即可。

3.1K0 0

jQuery中常用的函数和属性详细解析

元素").remove("exp"); 删除所有含有exp的元素 $("元素").wrap("html"); 用html来包围该元素 $("元素").wrap(element); 用element来包围该元素...而filter()则是筛选div的class为rain的元素。一个是对它的子集操作，一个是对自身集合元素筛选。 is(expr)//判断现有集合是否属于‘expr'集合中的一部分或是相等。...，分别是： jQuery.extend(object) 为扩展jQuery类本身.为类添加新的方法。...$("td:empty") 匹配所有空元素(只含有文本的元素不算空元素) $("div:has(p)") 从原元素集合中再次匹配所有至少含有一个selector的所有元素 $("td:parent")...，修改原来的对象并返回，这是一个强大的实现继承的工具，这种继承是采用传值的方法来实现的，而不是JavaScript中的原型链方式。

3.8K1 0

Jquery 使用技巧总结

如：$("#msg")[0]，$("div").eq(1)[0]，$("div").get()[1]，$("td")[5]这些都是dom对象，可以使用dom中的方法，但不能再使用Jquery的方法。...对于jquery对象只能使用jquery的方法，而dom对象只能使用dom的方法，如要获取第三个div>元素的内容。...var settings = $.extend({}, defaults, options); //合并defaults和options，并将合并结果返回到setting中而不覆盖default内容。..." 12、解决自定义方法或其他类库与jQuery的冲突很多时候我们自己定义了$(id)方法来获取一个元素，或者其他的一些js类库如prototype也都定义了$方法，如果同时把这些内容放在一起就会引起变量方法定义冲突...如： jQuery.noConflict(); // 开始使用jQuery jQuery("div p").hide(); // 使用其他库的 $() $("content").style.display

4.1K2 0

JQuery选择器和JQuery包装集

（本文年代久远，请谨慎阅读）今天学习了JQuery的一些基本用法，包括JQuery选择器和JQuery包装集；从现在开始，要慎重区分DOM对象和JQuery对象，两种对象的方法不同，属性不同，在使用中要特别注意...，不包括select中的option) $("select option:selected")匹配所有选中的option元素注意 DOM转JQUERY包装集：$(arrDiv[i]).html(‘div...由于该事件在文档就绪后发生，因此把所有其他的 JQUERY事件和函数置于该事件中是非常好的做法。...>div> ] 其他使用is()方法查找段落的父元素中每个类名为selected的父元素（带返回值true/false）：使用var flagValue = $("p").parent().is...第一个元素是0.如果是负数，则可以从集合的尾部开始选起。第二个参数：结束选取自己的位置，如果不指定，则就是本身的结尾。

4.4K2 0

学习jQuery的基础使用

a $("[href='#']") 选取所有带有 href 值等于 "#" 的元素。 $("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。...$("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。...() - 在被选元素之后插入内容 before() - 在被选元素之前插入内容删除元素 remove() - 删除被选元素（及其子元素） empty() - 从被选元素中删除子元素asdasd...> Tabs $("#el").eq(1) 方法返回被选元素中带有指定索引号的元素。...ajax是在不刷新页面的情况下，与服务器发生数据交换的技术 $.get(url,function(res){ },"json") $.post(url,data,function(

1.5K2 0

jQuery(一)

jquery jquery为一种库，属于最基础的一个库，伴随着h5的到来，很多jquery的规则直接融入到了规则本身了，直接使用原生的js也能达到相同的目的。虽然如此，不过依旧要继续。.../ 不过目前处于不更新的状态，不推荐使用内部的插件，因为很可能没有作者维护了。...即，可以通过这种方式完成通过Jquery方法操作元素，而不使用原生DOM的方法。...ps 在这种情况下，不能使用纯文本，因为jQuery会将纯文本当成选择器解析。...jQuery将会使用同一个方法既当getter又做setter，而不是定义一对方法，如果传入一个新值给方法，则它将设置此值。用做setter时，这些方法会给jquery对象中的每个元素设置值。

2.9K4 0

angularJS的DOM操作

AngularJs是不直接操作DOM的，但是在平时的开发当中，我们有的时候还是需要操作一些DOM的，如果使用原生的JS的话操作过于麻烦，所以大家一般都是使用jQuery，jQuery虽然好用，但是AngularJs...是不建议和JQuery同时使用的，所以AngularJs给我们也提供了一些操作DOM的方法———Jqlite 查阅官方提供的api，可以看到使用方法是angular.element(ele)...使用ng-app（如ng-app="myApp"）时，js就必须申明var myApp = angular.module('myApp', []);,否则会报错误。...replaceWith()-用提供的内容替换集合中所有匹配的元素并且返回被删除元素的集合 text()-得到匹配元素集合中每个元素的合并文本，包括他们的后代 toggleClass()-在匹配的元素集合中的每个元素上添加或删除一个或多个样式类...即：如果存在（不存在）就删除（添加）一个类 triggerHandler() -为一个事件执行附加到元素的所有处理程序 unbind() - 从元素上删除一个以前附加事件处理程序 val()-获取匹配的元素集合中第一个元素的当前值

1.6K1 0

02-老马jQuery教程-jQuery事件处理

这个方法的行为表现与trigger类似，但有以下三个主要区别：第一，他不会触发浏览器默认事件。第二，只触发jQuery对象集合中第一个元素的事件处理函数。...// $("#btn").trigger('click', ['1234', '3333']); // 触发事件处理程序执行，不触发事件本身 $('#btn').triggerHandler...语法：$dom.unbind(type,[fn]) 如果没有参数，则删除所有绑定的事件。如果提供了事件类型作为参数，则只删除该类型的绑定事件。...要删除特定的委派事件处理程序，提供一个selector 的参数。选择器字符串必须是完全匹配递到.on()事件处理程序附加的选择器。要删除非委托元素上的所有事件，使用特殊值 "**" 。...IE678：window.event 标准浏览器直接从事件处理程序的参数中获得事件对象e e = e || window.event; 在jQuery的事件处理程序中，可以直接获取事件对象，所有浏览器都兼容

7.6K0 0

从编程小白到全栈开发：操控浏览器

我们有办法随时感知所有这些HTML元素的状态（位置，尺寸，颜色等等）、随时挪动改变它们的层级关系、删除元素、或者创建新的元素。就如一只上帝之手，在触摸和摆弄着这些纸片。...window对象 window对象代表了当前的浏览器窗口，它是我们整个前端编程生涯中，最应该记住的一个对象，因为它包含了所有浏览器开放给JS的API，也就是说，所有的API都可以通过window对象来进行使用...好，我们现在大致了解了这样一种定位机制的原理，那下面来看一下，如何在实际编码中使用这种选择器查找定位我们需要的DOM节点。...而且我相信大多数人会更喜欢jQuery的写法，清新爽洁不紧绷啊！...，那个内容为"Section B"的橙色div已经从DOM树中消失了。

8873 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭