开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

在我使用JQuery创建元素$(“.Some- JQuery -id”)后，.length返回0

在使用JQuery创建元素$(“.Some-JQuery-id”)后，.length返回0的原因是该选择器没有匹配到任何元素。

JQuery是一个功能强大的JavaScript库，用于简化HTML文档遍历、事件处理、动画效果等操作。在使用JQuery创建元素时，我们可以使用选择器来定位元素并进行操作。

在这个问题中，使用的选择器是“.Some-JQuery-id”，它表示选择具有class为“Some-JQuery-id”的元素。然而，如果页面中不存在具有该class的元素，那么选择器将无法匹配到任何元素，导致返回的长度为0。

解决这个问题的方法有两种：

确保页面中存在具有class为“Some-JQuery-id”的元素。可以通过检查HTML代码或者使用开发者工具来确认是否存在该元素。
如果确实需要创建一个新的元素并使用该选择器进行操作，可以使用JQuery的创建元素方法来创建一个具有该class的元素，例如：$("<div class='Some-JQuery-id'></div>")。然后再使用该选择器进行操作，就能够正确地返回匹配的元素。

推荐的腾讯云相关产品：腾讯云服务器（CVM）

腾讯云服务器（Cloud Virtual Machine，CVM）是腾讯云提供的一种可弹性伸缩的云服务器。它提供了多种配置和操作系统选择，可以满足不同规模和需求的应用场景。腾讯云服务器具有高性能、高可靠性、高安全性等优势，适用于网站托管、应用部署、数据备份等各种场景。

产品介绍链接地址：https://cloud.tencent.com/product/cvm

相关搜索:使用jQuery在隐藏元素后插入html 使用onclick - jquery在循环中按ID删除元素如何检索html元素id哪个html元素是在jquery中创建的？如何通过使用ID的变量在jQuery中选择元素？使用jquery获取在rails中创建的对象的id 使用JQuery在文本节点后添加span/html元素在使用JavaScript或jQuery时访问无ID的DOM元素如何使用jquery获取没有Id的动态创建的子元素的高度如何使用jQuery在li中创建包含类的嵌套元素我想使用jquery从动态创建的span元素中获取data-id和data-test的值如何使用PDF.js和jQuery在PDF上创建可拖动元素我正在使用jQuery，在禁用所有键盘键后，如何启用它们？我可以使用jQuery创建一个DOM元素而不在DOM中吗？使用jQuery JSON在每次第n次迭代后创建新的表行在JQuery中使用append追加时，我无法将CSS添加到元素在不知道给定元素的完整id的情况下使用jQuery更改其属性为什么在之前初始化的html元素变量上使用JQuery时，它会返回undefined？我希望在更改时保存表单，并使用laravel和Jquery创建一个动态表单我正在尝试使用jquery在加载被单击的页面后更改被单击的菜单按钮的颜色按id显示3个随机元素，不使用JQuery重复。如何确保它总是返回3？然后单击相同的按钮来重做该功能？

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

浅谈JavaScript

length属性来判断标签是够选择成功，如果length大于0表示选择成功，否则选择失败。...$(function(){ result = $('#div').length; alert(result); }); 选择集过滤 1、选择集过滤的介绍选择集过滤就是在选择标签的集合里面过滤自己需要的标签...//表示选择id是box元素的父元素 $('#box').children(); //表示选择id是box元素的所有子元素 $('#box').siblings(); //表示选择id是box元素的所有同级元素...$('#box').find('.myClass'); //表示选择id是box元素的class等于myClass的元素获取和设置元素的内容 1、html方法的使用 jquery中的html方法可以获取和设置标签的...意思就是当前端页面和后台服务器进行数据交互就可以使用ajax了。提示：在html页面使用ajax需要在web服务器环境下运行，一般向自己的web服务器发送ajax请求。

3.2K3 0

JavaScript 中 Property 和 Attribute 的区别详解

只有“id”和“value”会在in1上创建，而“sth”不会被创建。...'); console.log(in2); 从打印信息中可以看到： id: "in_2" value: null 尽管我们没有在TAG中定义“value”，但由于它是DOM默认的基本属性，在DOM初始化的时候它照样会被创建..., emptyGet, raw ) { var i = 0, // 迭代计数 length = elems.length, // 元素长度 bulk = key == null;...elems : // 如果是链式调用,就返回元素集合 // Gets bulk ? fn.call( elems ) : length ?...} else { if(length) { // 如果元素集合长度不为零，则返回第一个元素的属性值 return fn(elems[0], key); // jQuery.attr(elems

3.8K2 0

JS对象与Dom对象与jQuery对象之间的区别

前言通过问题看本质：举例： js的写法:document.getElementById('save').disabled=true; 在jquery中我是这样写的 $("#save").disabled...他返回的也是DOM元素。 $("#save").eq(0)得到的还是jq对象，$(dom对象)就能得到一个jq对象。...通过DOM，可以访问所有的 HTML 元素，连同它们所包含的文本和属性。可以对其中的内容进行修改和删除，同时也可以创建新的元素。 DOM 独立于平台和编程语言。...指示该数组对象的元素个数 . context 一般情况下都是指向HtmlDocument对象 . selector 传递进来的选择器内容 jquery对象就是通过jQuery包装DOM对象后产生的对象...; 注意：在jQuery对象中无法使用DOM对象的任何方法。

2.8K1 0

jQuery原理

1.传入 '' null undefind NaN 0 false.返回空的jQuery对象 2.字符串代码片段：会将创建好的DOM元素储存到jQuery对象中返回选择器：会将所有找的元素存储到...jQuery对象中返回 3.数组会将数组中的元素依次存入到jQuery对象中返回 4.除上述以外的会将传入的数据储存到jQuery对象中返回 5.内置静态方法（1）isString...代码实现 /* 1.传入 '' null undefind NaN 0 false.返回空的jQuery对象 2.字符串代码片段：会将创建好的DOM元素储存到jQuery对象中返回选择器：会将所有找的元素存储到...)) { kjQuery.ready(selector); } // 2.字符串 // 代码片段：会将创建好的DOM元素储存到jQuery对象中返回...else if (kjQuery.isString(selector)) { // 代码片段：会将创建好的DOM元素储存到jQuery对象中返回 if (kjQuery.isHTML

6141 0

前端之jquery函数库

jquery介绍　　jQuery是目前使用最广泛的javascript函数库。据统计，全世界排名前100万的网站，有46%使用jQuery，远远超过其他库。...选择器 jquery用法思想一选择某个网页元素，然后对它进行某种操作 jquery选择器 jquery选择器可以快速地选择元素，选择规则和css样式相同，使用length属性判断是否选择成功。...length属性来判断是否找到了元素,length等于0，就是没选择到元素，length大于0，就是选择到了元素。...() 向下展开 slideUp() 向上卷起 slideToggle() 依次展开或卷起某个元素 jquery链式调用　　jquery对象的方法会在执行完后返回这个jquery对象，所有jquery对象的方法可以连起来写... 2、prepend()和prependTo()：在现存元素的内部，从前面放入元素 3、after()和insertAfter()：在现存元素的外部，从后面放入元素

5.2K2 0

AJAX培训笔记_js基础笔记

大家好，又见面了，我是你们的朋友全栈君。...,jquery 3、编写页面：ajax.html A:编写js：verify.js B:在页面中引入该js 4、精简js：verify.js--->verify1.js 5、不使用jquery框架，直接使用...var lastul = $("ul:last"); //alert(lastul.get(0).id); var ul = $("ul").get(1); //alert(ul.id); //:not...元素插入到当前td中 8、取消绑定到该td上的click事件完善点1：修改后单击回车键，修改过的值写入td，input消失, 重新单击时，又可以进入编辑状态完善点2：文本框内容高亮显示 jQuery...$(html):根据提供的HTML字符串,创建DOM 元素,如:$(“Hello") $(elements):将一个或多个DOM元素转化为jQuery对象,如:$(document.body

6.5K1 0

2-JQuery学习二-数组操作

特别注意: each虽然迭代每一个元素或属性, 但是在迭代函数中并不会改变当前元素的值, 也就是无法改变返回后的对象....如果需要改变数组中的每一个元素并且将结果返回, 因使用jQuery.map( array, callback )函数. 2,转换(map) jQuery.map( array, callback ) 返回值...数组成员有：筛选后的数组成员有(使用正则表达式开头字母A-K)： </p...要去除重复项，需要使用$.unique() 合并两个数组到第一个数组上: $.merge( [0,1,2], [2,3,4] ) 结果: [0,1,2,2,3,4] (5)jQuery.unique...我怎么称呼你？

1.2K12 0

jQuery源码解析之$.queue()、$.dequeue()和jQuery.Callbacks()

()方法 /*这边就是getter*/ if ( arguments.length < setter ) { //this[0] 目标DOM元素...后讲解四、jQuery.queue() 作用：把callback依次存入目标元素的queue中，或者取出queue。...type='type'的queue，所以使用dataPriv.access( elem, type, jQuery.makeArray( data ) )来创建queue，并把function a push...//长度 startLength = queue.length, //去除对首元素，并返回该元素 fn = queue.shift(),...七、jQuery.Callbacks() 作用： jQuery的callbacks回调方法，返回一个object，里面包含 a、b、c 方法，在执行任意一个方法后，这个方法依旧返回 a、b、c 方法，所以

9162 0

Web前端JQuery入门实战案例

i=0; i<divs.length;i++){ divs[i].innerText = "输入文本内容"; } } 使用jquery案例...();错误 // jquery 伪数组 var $li = $("li"); $li[0].setAttribute("name","dashu"); // 创建数组索引为0设置属性 // dom对象变...选择器是jquery提供的一组方法，用来方便我们找页面中的元素，jquery选择器返回的是jquery对象。...prepend prependTo before 作为兄弟元素前 after 作为兄弟元素后 $(function(){ var box = document.getElementById...90后帅气小伙，良好的开发习惯；独立思考的能力；主动并且善于沟通简书博客：达叔小生 https://www.jianshu.com/u/c785ece603d1 结语下面我将继续对其他知识

4K1 0

从零开始学 Web 之 jQuery（八）each，多库共存，包装集，插件

jQuery 对象转换 DOM 对象的方式：jQuery对象[0]，这就说明jQuery 对象其实都是DOM对象的集合。既然 jQuery 对象是一个集合，那么就有 length 属性。...这个 length 属性作用重大，它可以帮助我们在创建元素的只创建一个。示例：点击按钮，在div中只添加一个p标签。...$("#btn").click(function (param) { if ($("#pp").length == 0) { $("#dv").append($("标签...()/outerHeight() // 方法返回元素的宽度/高度（包含padding，含边框）元素.outerWidth(true)/outerHeight(true) // 方法返回元素的宽度/高度...我们在使用插件的时候只需要引入其对应的 css ，jQuery 文件以及html代码，经过少许的修改就可以得到相似的效果，大大节省了开发的时间，避免了重复造轮子。

4904 0

JavaScript 前端笔记总结(精简)

length方法获取字符串的长度,并返回,可以直接返回,也可以赋值给变量....list.pop() //在结尾删除元素 document.write("数组元素: " + list + " 总大小:" + list.length + "")...list.unshift(1) //在开头添加元素 document.write("数组元素: " + list + " 总大小:" + list.length + "...: 使用最原始的方式创建标签,实现在父容器div id=tags中,动态的添加a标签. < -------------------------[方式1]-------------------------...常用选择器 ID选择器: 通过使用简单的$(#id)标识前缀,实现快速匹配指定ID的元素对象,具体用法如下.

7.5K1 0

脚本语言知识总结.

2.Ajax快速入门 ①：开发步骤 1).创建XMLHttpRequest对象 2).将状态触发器绑定到一个函数 3).使用open方法建立与服务器的连接 4).向服务器端发送数据 5).在回调函数中对返回数据进行处理...，Ajax引擎需要更新页面，绑定一个回调函数 xmlHttp.onreadystatechange = function(){ // 第五步，响应返回后执行 // 状态依次是 0 - 4 // 0 未初始化...(0); dom2.innerHTML = "传智播客ITCAST"; }); hello jQuery对象无法使用...多个选择器同时使用 selector1,select2 例如： $("#xxid ,.xxxclass") 同时选择id 和 class匹配两类元素练习1： ² 通过each() 在每个div元素内容前...，在显示完成后可选地触发一个回调函数。

5K13 0

30·灵魂前端工程师养成-jQuery中的设计模式

---- 用jQuery风格重新封装 ---- 创建项目创建一个dom-2项目使用 VScode 打开 index.html <!...()使我们提供的全局函数特殊函数jQuery jQuery(选择器)用于获取对应的元素但是它却不返回这些元素相反，它返回一个对象，称为jQuery构造出来的对象这个对象可以操作对应的元素...return this } } return api } main.js const api = jQuery('.test') // 不返回元素们，返回api对象 api.addClass...代码如下： main.js jQuery('.test') // 不返回元素们，返回api对象 .addClass('red') // this 就是 api .addClass('green...3.这是因为jQuery用了一些技巧那么我们可以使用链式风格来实现增删改查 ---- 查 jQuery('#xxx') 返回值并不是元素，而是一个api对象：该功能已实现 jQuery('#xxx

1.5K2 0

Web阶段：第五章：JQuery库

3.JQuery流行程度 jQuery现在已经成为最流行的javascript库，在世界前10000个访问最多的网站中，有超过55%在使用jQuery。...就可以使用.value //for (var i = 0; i < $checkedObjs.length; i++) {...这些属性在dom对象中都会有true和false值的情况。并且使用attr操作有返回undefined的情况下。使用prop方法。...：在页面所有资源加载完后执行，如果有多个定义则只执行最后一个2、(function(){})：在Dom节点创建完成后执行，如果有多个定义则依次执行可以看出(function(){})在window.onload...jquery的页面加载完成之后先执行， js原生的页面加载完成之后后执行。他们执行的次数？

26.3K2 0

JQuery JavaScript常用API整理(前端入门必学)

现在MVVM框架逐渐占据了主要市场，很多老项目也逐渐的从jQuery转向了MVVM架构！JQuery还有必要学吗？我的答案是jQuery必须学！...和$().click()的用法一样，最大的区别即优点是如果动态创建的元素在该选择器选中范围内是能触发回调函数。...如果没有值满足测试函数，则返回 undefined。 filter() 方法创建一个包含所有通过测试函数的元素的新数组。如果没有元素满足测试函数，则返回一个空数组。...常用的有attr和prop，当然还有data 对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。...对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法如果绑定值是采用data-开头，也可以使用.dataset和.data $("#chke1").prop("checked");

7032 0

继续死磕前端

： $('#box').find('.myClass'); 选择 id 是 box 元素中 class 为 myClass 的元素 4.前一个元素： $('#box').prev(); 5.后一个元素：...大可放心，jquery 有容错机制，即使没有找到元素，也不会出错。还为你提供了验证是否找到的方法，那便是 length 属性。...length 值为 0 时代表没选择到想要元素；为 1 则代表选择到了相应的元素。除了选择元素，还可以选择样式呢！啥都能找到，强不强？既然都能找到了，重新赋值也必须到位！...); //创建一个空的div var $div2 = $('这是一个div元素'); 移动或者插入标签的方法 1、 append() 和 appendTo()：在现存元素的内部，从后面放入元素... 2、 prepend() 和 prependTo()：在现存元素的内部，从前面放入元素 3、 after() 和 insertAfter()：在现存元素的外部

2.8K1 0

jQuery源码研究：为jQ对象扩展的一些工具方法(下)

这里rtrim参数变量是在源码开头就定义好的的一个正则表达式变量rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;。...；另一个种情况是对应的没有length属性的有键值对的对象，此时通过call调用原生数组的push()方法来将参数对象arr传入方法开始就创建好的空数组中，生成以对象参数为元素的数组。...first数组是用于合并的数组，方法最后返回的first数组会包含合并后的第二个数组的内容，而second数组内容在合并后不会被修改。...10、grep()方法，使用指定的回调函数来过滤数组中的元素，并返回过滤后的数组。...11、map()方法，遍历数组中的每个元素或者对象中的每个属性，并将处理后的结果push进新的数组并返回。

8752 0

JavaScript 设计模式学习第二十八篇－链模式

通常情况下，通过对构造函数使用 new 会返回一个绑定到 this上的新实例，所以我们可以在 new 出来的对象上直接用 . 访问其属性和方法。如果在普通函数中也返回当前实例，那么我们就可以使用 ....选择器选择的元素从上到下依次进行一系列操作，如果不使用链模式，则代码如下： // 不使用链模式 var divEls = $('div') divEls.show() divEls.addClass(...中有一个有意思的方法 end()，是将匹配的元素还原为之前一次的状态，此时返回的也不是 this，然后可以在返回的之前一次匹配的状态后继续进行链模式： // html: Hello<...实战使用链模式有时候 JavaScript 原生提供的方法不太好用，比如我们希望创建下面这样一个 DOM 树结构： <li class='data-item...这个 chain 方法的作用就是<em>创建</em>一个包裹了 obj 的 Underscore 实例对象，并标记该实例是<em>使用</em>链模式，最后<em>返回</em>这个包装好的链式化实例（叫链式化是因为可以继续调用 underscore 上的方法

5831 0

前端开发面试题答案(四)

HTTP请求 (5)获取异步调用返回的数据 (6)使用JavaScript和DOM实现局部刷新 27、Ajax 解决浏览器缓存问题？...id等于name值的) getElementById() //通过元素Id，唯一性 35、.call() 和 .apply() 的区别？...*基于Class的选择性的性能相对于Id选择器开销很大，因为需遍历所有DOM元素。 *频繁操作的DOM，先缓存起来再操作。用Jquery的链式调用更好。...属性，在开始循环的时候设置一个变量来存储这个数字，可以让循环跑得更快： for(var i = size, length = arr.length; i < length; i++) {} 40、如何判断当前脚本运行在浏览器还是....") - 1>>> 0) + 2); } String.lastIndexOf() 方法返回指定值（本例中的'.'）在调用该方法的字符串中最后出现的位置，如果没找到则返回 -1。

2.2K2 0

jQuery源码解析之clone()

前言：这篇讲完后，jQuery的文档处理就告一段落了，有空我把这部分整合下，发一篇文章目录。一、示例代码这是divTwo <span id...bug （2）解决 IE 无法将克隆的选项返回至默认选项状态的 bug 源码： //解决IE的bug：(1)无法保存克隆的单选、多选的状态 (2)无法将克隆的选项返回至默认选项状态 // Fix...uuid 标记每个 DOM 元素，然后在内存上，将每个 DOM 元素相关的数据放到内存中，然后在 uuid 和内存的数据之间建立映射。...，所以需要重新绑定 for ( type in events ) { for ( i = 0, l = events[ type ].length; i < l; i

2.7K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭