JQuery无法访问使用DOM创建的元素 - 腾讯云开发者社区

文章/答案/技术大牛

发布

jQuery操作DOM元素

作为一个后端程序员，也是要和前端页面打交道的。最常见的场景莫过DOM元素操作和前端页面使用AJAX向服务器发送请求。...实现上述两个功能当然可以使用原生js来完成，但在实际开发过程中很少这样做，通常会使用一些别人封装好的js库来辅助我们的工作，jQuery就是这些辅助库中的一员。...，注意这里#form1和:enabled之间没有空格，有空格表示选取子元素 $("#form1 :disabled");//选取id为form1的表单内所有禁用的元素常用方法 jQuery的方法只有jQuery...DOM对象和jQuery对象的相互转换 //DOM转jQuery var win=$(window);//将window转换为jQuery对象 //jQuery对象win转DOM对象 win.get[0...+ conditions); 元素操作说明 hide() 隐藏元素 show() 显示元素 $('') 创建p元素 append() 向元素末尾添加子元素 appendTo

3.6K4 0

jquery 操作DOM元素(1)

.clone() 　　创建一个匹配的元素集合的深度拷贝。　　....wraplnner(wrappingElement) 　　　　　　wrappingElement 用来包在匹配元素的内容外面的HTML片段选择表达式，jquery对象 DOM 元素。　　　　....append(content[,content]) 　　　　　　content DOM 元素 DOM 数组，HTML字符串 jquery 对象。　　　　　　....prependTo(target) 　　　　target 一个选择器, DOM元素，元素数组，HTML字符串，或者jQuery对象，将被插入到匹配元素前的内容。　　　　...'); 　　.text() 方法不能使用在 input 元素上。输入的文本需要使用 .val() 方法。

1.9K5 0

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

是的

没有找到

jquery操作DOM 元素(2)

.after(content[,content]) 　　　　content HTML字符串 DOM 元素元素数组对象，用来插入到集合中每个匹配元素的后面。　　　　...content HTML字符串 DOM 元素元素数组对象，用来插入到集合中每个匹配元素的后面。　　....after(function) 　　　　function 返回一个 HTML字符串 DOM 元素元素数组对象，用来插入到集合中每个匹配元素的后面。...content HTML字符串 DOM 元素元素数组对象，用来插入到集合中每个匹配元素的后面。　　....after(function) 　　　　function 返回一个 HTML字符串 DOM 元素元素数组对象，用来插入到集合中每个匹配元素的后面。

1.6K6 0

jquery操作DOM 元素(3)

.detach() 　　从DOM 中去掉所匹配的元素。　　　　...$("p").detach(); .empty() 　　从DOM中移除集合中匹配元素的所有子节点。　　　　.empty() 这个方法不接受任何参数。　　...DOM 中删除，同时删除元素上的事件。　　....replaceAll(target) 　　　　target 一个选择器字符串，对象，DOM元素，或者元素数组，包含哪个元素被替换。　　　　....replaceWith(newContent) 　　　　　　newContent 用来插入的内容，可能是HTML字符串，DOM元素，或者对象。

1.4K8 0

关于动态创建DOM元素的问题

在我们实际的项目之中，相信有很多的朋友直接使用了以下的格式创建DOM元素 document.getElementById("...但是如果我们使用Dom的CreateElement创建对象, 在所有的浏览器中几乎都可以. 但是在jQuery中如果传入的而是一个完整的HTML字符串, 内部也是使用innerHTML....关于使用HTML DOM创建元素本文不做详细介绍, 下面举一个简单的例子: 第一种正确方式： //使用Dom标准创建元素 var select = document.createElement("select...第二种方式：使用Jquery 当HTML字符串是没有属性的元素是, 内部使用document.createElement创建元素, 比如: //jQuery内部使用document.createElement...: //jQuery内部使用innerHTML创建元素: $(" 动态创建的div ").appendTo(testDiv) （引自：http://kb.cnblogs.com/page/46453

3.1K2 0

jQuery查找DOM节点元素【jQuery框架应用入门07】

本节教程主要带读者入门jQuery查找dom节点元素的方法。...1.查找html元素查找元素的基础就是上一节中利用jQuery选择器来实现的，通过id、class、后代元素、子代元素、兄弟元素等选择器，查找指定需要的html元素，以便进一步对这些元素进行操作，以实现数据...jQuery选择器的代码如下： $("ol li") (2)遍历每个节点的内容，然后匹配关键词“祖国”。进一步使用each方法可以对找到的每个元素进行遍历，jQuery代码如下所示。...this关键词来表示，将其加入jQuery对象体系中，变为$(this)以便可以方便使用jQuery的text方法方便获得每个元素的文本内容，然后利用indexOf方法对内容中是否含有关键词“祖国”进行判断...对含有“祖国”关键词的歌曲标红后的效果如图5-7所示，浏览器中使用console窗体直接执行jQuery代码。

4801 0

如何更优地去创建DOM元素

本文作者：IMWeb yuchenli 原文出处：IMWeb社区未经同意，禁止转载如何更优地去创建DOM元素创建DOM元素是最为基本的DOM操作，这里先举个栗子这里先使用createElement...这里简单地通过createElement创建DOM是存在比较严重的性能问题的： 1、createElement本身就是不小的性能开支 2、每次创建li元素都换插入到DOM中，会引起多次重排和重绘。...cloneNode cloneNode是用于克隆节点的，相比直接调用createElement创建DOM元素而言，它所花费的开销会更小些，就好比:读书的时候，抄作业要比做作业的容易的多。...那么还有没有更快的方式去创建DOM元素呢?接下来先介绍一个东西DocumentFragment DocumentFragment DocumentFragment是示一个没有父级文件的最小文档对象。...它被当做一个轻量版的 Document使用，用于存储已排好版的或尚未打理好格式的XML片段。

2.5K1 0

JQuery如何获取ID含有特殊字符的DOM元素

为业务需要，DOM元素的ID被命名为“c-order.range”，执行JQuery的DOM查询时，提示如下错误 Uncaught Error: Syntax error, unrecognized expression...解决办法：document.getElementById 以前总觉得这个办法笨拙，现在越觉得此方法强大，几乎就是大杀器，没有查询不了的元素，无论你的元素ID命名多么刁钻。...var rowId = 'c-order.range', view = document.getElementById(rowId), // 将Element对象转换为JQuery对象...unrecognized expression表达式错误 alert(('[id=' + rowId + ']').length) // 将所有的id值用双引号包起来，即可进行识别 // 请注意双引号添加的位置

12.8K2 0

jquery中dom元素的attr和prop方法的理解

一、背景　　在编写使用高版本[ jQuery 1.6 开始新增了一个方法 prop()]的jquery插件进行编写js代码的时候，经常不知道dom元素的attr和prop方法到底有什么区别？...也是W3C里本身就包含的几个属性，换句话说是IDE中能够自动提示的属性，这些属性就被称为dom元素的固有属性，这种情况下，我建议使用prop方法。　　....那么很明显前两个是该dom元素的固有属性，最后一个是我们自己定义的属性。...a标签中的固有属性中并不包含该属性。这些属性被称为dom元素的自定义属性，这种情况下，我建议使用attr方法。此时若使用prop方法进行设置和获取该属性的值时就会返回undefined值。　　...、radio、select等元素的选中属性"checked"和"selected"，这些属性也是dom元素的固有属性，因此使用prop方法才能正确的进行获取和设置。

2K2 0

jQuery创建html元素【jQuery框架应用入门08】

jQuery创建一个html元素，将html标签的字符串放入$（）中就可创建一个DOM节点，接下去将DOM节点通过appendTo方法添加到指定的某个DOM中即可。...或者是通过先找到某个添加html元素的DOM节点，然后使用append方法添加DOM节点或者html字符串即可实现元素的创建并添加，。现在为我的歌曲榜榜单再添加一首或几首歌。...首先找到音乐榜单所在的区域是标签，那么先获取ol这个节点，使用jQuery代码$(“ol”)即可实现。...然后利用jQuery的append方法添加一首歌，使用代码： $("ol").append("水手") 或者 $("水手").appendTo($("ol")) 或者...图5-8 添加一首歌曲通过此案例读者进一步见证，创建一个html元素把它添加到指定的节点元素中，可以是字符串类型也可以是DOM节点类型。

6581 0

使用DOM动态创建标签

本文是参考《javascript Dom 编程艺术》第八章的内容所写，用到的知识点，就是关于创建平稳的web页面。...使用DOM方法：　　getElementById() 　　getElementsByTagName() 　　getAttribute() setAttribute() 　　createElement...动态创建列表的代码如下，答题思想就是通过getElementsByTagName扫描DOM树，查找对应的节点，然后根据节点的内容动态的创建列表。...只是添加动态节点的时候，要插入到元素标签的最后一个元素节点，但是有时候代码是这个样子的：　　这样通过调用getElementById("...因此可以通过getElementById("test").getElementsByTagName("*")的方式，获取所有的元素节点，然后指定最后一个节点肯定是我们需要的元素节点。

2.5K9 0

从零开始学 Web 之 DOM（五）元素的创建

一、元素的创建 1、元素创建的三种方式 1.1、方式一 document.write("标签代码及内容"); 示例： <input type="button" value="按钮"...}; // document.write("这是一个p标签"); 缺陷：如果是在页面加载完毕后，通过这种方式创建元素的话...，页面上的除此创建元素之外的所有内容都会被清除。...，返回值为一个对象元素 document.creatElement("标签的名字"); 第二步：将元素追加到父元素中父元素.appendChild(创建的对象); 示例：使用匿名函数，因为每个匿名函数都会占用一片内存空间，而使用函数调用的方式，不管循环多少次，都使用一份代码。

1.1K2 0

jQuery中的DOM操作

Dom操作的分类：DOM Core，html-DOM，CSS-DOM 查找节点：查找属性节点（通过jq选择器），操作属性节点（attr（‘属性名’,’属性值’）），操作文本节点（text（））读/...写 1.创建节点：可以使用工厂函数：$(创建节点的内容)。...要使用标准的开闭和标签 $('p')//创建了一个id为text，内容为p的p标签返回值是一个jq对象 2.插入节点： append()://向匹配的元素的内部的结尾处追加内容...a 删除节点： remove：$(‘#test′).remove();该方法不会把匹配的元素从 jQuery 对象中删除，因而可以在将来再使用这些匹配的元素。...但除了这个元素本身得以保留之外，remove() 不会保留元素的 jQuery 数据。

1.7K2 0

jQuery中的DOM操作

Dom操作的分类：DOM Core，html-DOM，CSS-DOM 查找节点：查找属性节点（通过jq选择器），操作属性节点（attr（‘属性名’,’属性值’）），操作文本节点（text（））读/写...1.创建节点：可以使用工厂函数：$(创建节点的内容)。...要使用标准的开闭和标签 $('p')//创建了一个id为text，内容为p的p标签返回值是一个jq对象 2.插入节点： append()://向匹配的元素的内部的结尾处追加内容...a 删除节点： remove：$(‘#test′).remove();该方法不会把匹配的元素从 jQuery 对象中删除，因而可以在将来再使用这些匹配的元素。...但除了这个元素本身得以保留之外，remove() 不会保留元素的 jQuery 数据。

2K7 0

锋利的JQuery —— DOM操作

图片猛戳链接

6916 0

Dom与Jquery的ajax

Dom与jquery互相转换 DOM是文档对象模型（Document Object Model，简称DOM） jQuery是一个JavaScript 库，极大地简化了JavaScript编程。...//dom与jquery互相转换 //取得标签中的value属性的内容[dom对象->jquery对象] var inputElement = document.getElementById...(value); //取得标签中的文本内容[jquery对象->dom对象，方法一] var $div = $("#divID");//jQuery对象 var divElement...结果是由所有匹配元素包含的文本内容组合起来的文本。这个方法对HTML和XML文档都有效。...val(val):设置每一个匹配元素的值。

8471 0

使用js获取选中的dom元素并改变选中（有序dom）的状态

2.1K2 0

DOM 元素的循环遍历

= document.querySelectorAll('.title') 一般循环 get 方式 get 方式获取的 dom 元素，仅可使用==for-in、for-of、for==循环 for(let...('popo') 获取 name 属性为 'popo' 的 dom 元素（若多个元素有相同的 name 属性，返回第一个） for-of、for 循环可获取每个 dom 元素： for(let val...（每个dom元素） query 方式 query 方式获取的 dom 元素，可使用==forEach、for-in、for-of、for==循环 forEach、for-of、for 循环的结果无差别...：递归的运行效率没有迭代的运行效率高，一般都需要把递归的循环优化成迭代的循环所以上面递归算法可以进一步优化优化深度优先遍历使用 NodeIterator 对象，可以对 DOM 树进行深度优先的搜索...创建 NodeIterator 对象，需要使用 document 对象的 createNodeIterator 方法，该方法接收四个参数： root：搜索开始的节点 whatToShow：一个数值代码

7.7K6 0

使用jQuery来创建Silverlight

使用jQuery来创建Silverlight jQuery已经成为了VS2010内置支持的JavaScript脚本框架了，小巧实用。...这里看看怎么用jQuery来在页面中创建一个Silverlight。...（呵呵，有一种swfobject的感觉了） jquery.silverlight.js jQuery.fn.extend({ silverlight: function(opts) { ..._opts = jQuery.extend({ background: 'white', minRuntimeVersion: '2.0.31005.0'... }).css('border-style', 'none') ) ); $(this).append(obj); } }); 使用方法

1.3K6 0

JavaScript 学习-34.HTML DOM 创建插入删除替换元素

前言 HTML DOM 可以创建一个新元素，并插入到指定元素的位置 createElement 创建元素 document.createElement() 可以创建一个元素 document.createTextNode...() 创建一个文本节点 appendChild() 方法可向节点的子节点列表的末尾添加新的子节点。...使用示例这是文本内容 // div下添加一个子元素节点，放到p标签下 btn =...DocumentFragment 节点代表一个文档的片段，本身就是一个完整的 DOM 树形结构。它没有父节点，parentNode 返回 null ，但是可以插入任意数量的子节点。...可以使用 appendChild() 方法把元素从页面上一个位置移到另外一个位置。

3.3K3 0

点击加载更多

jQuery操作DOM元素

jquery 操作DOM元素(1)

jquery操作DOM 元素(2)

jquery操作DOM 元素(3)

关于动态创建DOM元素的问题

jQuery查找DOM节点元素【jQuery框架应用入门07】

如何更优地去创建DOM元素

JQuery如何获取ID含有特殊字符的DOM元素

jquery中dom元素的attr和prop方法的理解

jQuery创建html元素【jQuery框架应用入门08】

使用DOM动态创建标签

从零开始学 Web 之 DOM（五）元素的创建

jQuery中的DOM操作

jQuery中的DOM操作

锋利的JQuery —— DOM操作

Dom与Jquery的ajax

使用js获取选中的dom元素并改变选中（有序dom）的状态

DOM 元素的循环遍历

使用jQuery来创建Silverlight

JavaScript 学习-34.HTML DOM 创建插入删除替换元素

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐