开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

复杂的html老年人和父选择器在任何浏览器中都不起作用- jquery

复杂的HTML选择器是指在HTML文档中使用多个选择器来定位元素的一种方式。而老年人选择器和父选择器是jQuery中的两种特殊选择器。

老年人选择器（:contains）：该选择器用于选择包含指定文本内容的元素。例如，使用$("p:contains('老年人')")可以选择所有包含文本"老年人"的段落元素。
父选择器（:parent）：该选择器用于选择具有子元素的元素。例如，使用$("div:parent")可以选择所有包含子元素的div元素。

然而，复杂的HTML选择器、老年人选择器和父选择器在任何浏览器中都应该起作用，包括jQuery库支持的所有浏览器。如果在特定浏览器中出现选择器不起作用的情况，可能是由于以下原因：

选择器语法错误：请确保选择器语法正确，没有拼写错误或其他语法问题。
元素不存在：如果选择器无法找到匹配的元素，可能是因为该元素不存在于HTML文档中。
元素尚未加载：如果选择器在页面加载完成之前执行，可能无法找到匹配的元素。可以将选择器代码放在页面加载完成的回调函数中，或者使用jQuery的$(document).ready()函数确保选择器在DOM加载完成后执行。
元素被动态生成：如果选择器在元素动态生成之前执行，可能无法找到匹配的元素。可以使用事件委托（event delegation）或者在元素生成后再执行选择器。

总结起来，复杂的HTML选择器、老年人选择器和父选择器在任何浏览器中都应该起作用。如果选择器不起作用，需要检查选择器语法、元素是否存在、元素是否加载完成以及元素是否被动态生成等因素。如果问题仍然存在，可能需要进一步调试和排查其他可能的原因。

腾讯云相关产品和产品介绍链接地址：

腾讯云官网：https://cloud.tencent.com/
云服务器（CVM）：https://cloud.tencent.com/product/cvm
云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iothub
移动应用开发平台（MPS）：https://cloud.tencent.com/product/mps
云存储（COS）：https://cloud.tencent.com/product/cos
区块链服务（BCS）：https://cloud.tencent.com/product/bcs
腾讯元宇宙：https://cloud.tencent.com/solution/um 请注意，以上链接仅供参考，具体产品选择应根据实际需求和情况进行评估。

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

有帮助

没帮助

相关·内容

jQuery最佳实践

jQuery测试，看看浏览器在1秒内能够执行多少次。...用对选择器 在jQuery中，你可以用多种选择器，选择同一个网页元素。每种选择器的性能是不一样的，你应该了解它们的性能差异。...因为elem.data()方法是定义在jQuery函数的prototype对象上面的，而$.data()方法是定义jQuery函数上面的，调用的时候不从复杂的jQuery对象上调用，所以速度快得多。...（4）插入html代码的时候，浏览器原生的innterHTML()方法比jQuery对象的html()更快。 9....正确处理循环循环总是一种比较耗时的操作，如果可以使用复杂的选择器直接选中元素，就不要使用循环，去一个个辨认元素。

8503 0

jQuery最佳实践

三个版本的jQuery测试，看看浏览器在1秒内能够执行多少次。...用对选择器 在jQuery中，你可以用多种选择器，选择同一个网页元素。每种选择器的性能是不一样的，你应该了解它们的性能差异。...因为elem.data()方法是定义在jQuery函数的prototype对象上面的，而$.data()方法是定义jQuery函数上面的，调用的时候不从复杂的jQuery对象上调用，所以速度快得多。...（4）插入html代码的时候，浏览器原生的innterHTML()方法比jQuery对象的html()更快。 9....正确处理循环循环总是一种比较耗时的操作，如果可以使用复杂的选择器直接选中元素，就不要使用循环，去一个个辨认元素。

1.7K6 0

jQuery最佳实践

测试，看看浏览器在1秒内能够执行多少次。...用对选择器 在jQuery中，你可以用多种选择器，选择同一个网页元素。每种选择器的性能是不一样的，你应该了解它们的性能差异。...（1）最快的选择器：id选择器和元素标签选择器 举例来说，下面的语句性能最佳： $('#id') $('form') $('input') 遇到这些选择器的时候，jQuery内部会自动调用浏览器的原生方法...因为elem.data()方法是定义在jQuery函数的prototype对象上面的，而$.data()方法是定义jQuery函数上面的，调用的时候不从复杂的jQuery对象上调用，所以速度快得多。...正确处理循环循环总是一种比较耗时的操作，如果可以使用复杂的选择器直接选中元素，就不要使用循环，去一个个辨认元素。

1.3K2 0

jquery要怎么写才能速度最快？（转…

三个版本的jQuery测试，看看浏览器在1秒内能够执行多少次。...其他语句的测试，比如.attr("value")和.val()，也是新版本的jQuery表现好于老版本。 2. 用对选择器 在jquery中，你可以用多种选择器，选择同一个网页元素。...（1）最快的选择器：id选择器和元素标签选择器 举例来说，下面的语句性能最佳：　　$('#id') 　　$('form') 　　$('input') 遇到这些选择器的时候，jQuery内部会自动调用浏览器的原生方法...因为elem.data()方法是定义在jQuery函数的prototype对象上面的，而$.data()方法是定义jQuery函数上面的，调用的时候不从复杂的jQuery对象上调用，所以速度快得多。...正确处理循环循环总是一种比较耗时的操作，如果可以使用复杂的选择器直接选中元素，就不要使用循环，去一个个辨认元素。

1.6K3 0

求职 | 史上最全的web前端面试题汇总及答案2

在兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。注意点： HTML5 只需要写<!...选择器多背景 rgba CSS3新增属性 Html5 1、Html5与html4相比，各有何优缺点？...因为它涉及浏览器兼容、跨域等问题，在项目中一般会使用一些基础类库辅助实现，如jQuery等。一个简单的Ajax操作如下。 5、谈谈你对JSON的理解。...优雅降级：Web站点在所有新式浏览器中都能正常工作，如果用户使用的是老式浏览器，则代码会检查以确认它们是否能正常工作。...①内存泄漏指任何对象在您不再拥有或需要它之后仍然存在。 ②垃圾回收器定期扫描对象，并计算引用了每个对象的其他对象的数量。

6.1K2 0

前端之jQuery

一、jQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。...jQuery简化了AJAX操作，后端只需返回一个JSON格式的字符串就能完成与前端的通信。跨浏览器兼容。jQuery基本兼容了现在主流的浏览器，不用再为浏览器的兼容问题而伤透脑筋。插件扩展开发。...如果不考虑兼容低版本的浏览器可以使用2.x，最终版本：2.2.4 (2016年5月20日) 3.x：不兼容IE678，只支持最新的浏览器。需要注意的是很多老的jQuery插件不支持3.x版。...相当于： document.getElementById("i1").innerHTML; 虽然 jQuery对象是包装 DOM对象后产生的，但是 jQuery对象无法使用 DOM对象的任何方法，同理..." $('div').html() "人生苦短" 通过上例可以看出，text在添加文本的过程中可以将原标签内的文本和标签全都覆盖掉。

4.9K2 1

jQuery对象

实际上，jQuery对象比这更复杂。链接DOM和DOM元素文档对象模型（简称DOM）是HTML文档的表示形式。它可能包含任意数量的DOM元素。在高层次上，DOM元素可以被认为是网页的“一块”。...jQuery对象定义了许多方法来平滑开发人员的体验。jQuery对象的一些好处包括：兼容性 - 元素方法的实现因浏览器供应商和版本而异。...以下代码段尝试设置存储在以下内容中的元素的内部HTML target： var target = document.getElementById( "target" ); target.innerHTML...通过将target元素包装在一个jQuery对象中，这些边缘情况得到了照顾，预期的结果是在所有支持的浏览器中实现的： // Setting the inner HTML with jQuery....链接获取元素到jQuery对象当使用CSS选择器调用jQuery函数时，它将返回一个包含与此选择器匹配的元素的jQuery对象。

1.1K1 0

jquery jQuery快速入门

jQuery快速入门 jQuery jQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。...jQuery简化了AJAX操作，后端只需返回一个JSON格式的字符串就能完成与前端的通信。跨浏览器兼容。jQuery基本兼容了现在主流的浏览器，不用再为浏览器的兼容问题而伤透脑筋。插件扩展开发。...相当于： document.getElementById("i1").innerHTML; 虽然 jQuery对象是包装 DOM对象后产生的，但是 jQuery对象无法使用 DOM对象的任何方法，同理..., tagName") 层级选择器： x和y可以为任意选择器 $("x y");// x的所有后代y（子子孙孙） $("x > y");// x的所有儿子y（儿子） $("x + y")// 找到所有紧挨在...，在3.x版本的jQuery中则没有这个问题。

16.2K5 0

前端关键技术点杂烩，这些你必须知道

绝对值：像素px 点pt = (DPI / 72) px；相对值：一个字的大小em（默认值 1em = 16px，16px 也为浏览器的默认字体大小，继承父元素的大小，为了计算通常设 html {...父函数定义的变量在子函数的作用域链中，子函数没有被销毁，其作用域链中所有变量和函数就会被维护，不会被销毁。...// 此处在绑定函数时的 i 是没有问题的，从 0 到 elements.length - 1；只是在子函数中的 i 是一直保持对父环境对象中的 i 的引用的，所以在调用时一直会输出 elements.length...操作 Attribute 时使用 setAttribute() 和 getAttribute() 来操作，由于 getAttribute() 可能会有浏览器兼容性问题，所以在 jQuery 中，会对该方法进行测试...流应用建立在 H5+ 这一突破性技术之上，通过强化 HTML5 使其达到原生 App 的功能和体验，并辅以类似流媒体的边用边下发行技术，这2项技术是流应用诞生的关键。

1.6K2 0

前端开发，关键技术点杂烩

1em = 16px，16px 也为浏览器的默认字体大小，继承父元素的大小，为了计算通常设 html { font-size: 63%; }，即 1em = 10px）相对于根节点的一个字大小rem；...父函数定义的变量在子函数的作用域链中，子函数没有被销毁，其作用域链中所有变量和函数就会被维护，不会被销毁。...// 此处在绑定函数时的 i 是没有问题的，从 0 到 elements.length - 1；只是在子函数中的 i 是一直保持对父环境对象中的 i 的引用的，所以在调用时一直会输出 elements.length...操作 Attribute 时使用 setAttribute() 和 getAttribute() 来操作，由于 getAttribute() 可能会有浏览器兼容性问题，所以在 jQuery 中，会对该方法进行测试...流应用建立在 H5+ 这一突破性技术之上，通过强化 HTML5 使其达到原生 App 的功能和体验，并辅以类似流媒体的边用边下发行技术，这2项技术是流应用诞生的关键。

1.1K3 0

Python全栈之jQuery笔记

jQuery版本: 1.x版本: 能够兼容IE678浏览器 2.x版本: 不兼容IE678浏览器 1.x和2.x版本的jQuery都不再更新版本了,现在只更新3.x版本...jQuery的选择器基本兼容了CSS1到CSS3所有的选择器,并且还添加了很多复杂的选择器....$("div").find("*"); 返回的所有后代 3.jQuery遍历-同胞(siblings) 同胞拥有相同的父元素.通过jQuery,您能够在DOM树中遍历元素的同胞元素...对于HTML元素本身就带有的固有属性,在处理时,使用prop方法. 对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法....Zepto的一些可选功能是专门针对移动端浏览器的,它的最初目标是在移动端提供一个精简的类似jquery的js库. zepto官网: http://zeptojs.com/ zepto中文api: http

5.5K4 0

「理论」jQuery选择器Sizzle原理分析（上）

作者：朱胜--腾讯web前端工程师 @IMWeb前端社区一、前沿 DOM选择器(Sizzle)是jQuery框架中非常重要的一部分，在H5还没有流行起来的时候，jQuery为我们提供了一个简洁，方便，...支持多种查询方式，包括基本选择器(ID,Class,TAG),层级选择器，伪类选择器等等，符合多种复杂场景。 3....优先浏览器本地API：比如基本选择器最终调用的是getElementById等等，对于复杂选择器如果支持querySelector接口，优先使用querySelector来查询。...我们考虑下HTML的基本结构，HTML被浏览器首先解析为DOM树类似于下面的结构：假如我们要查询ad2这个div,$("#div[name=wrapper] div[name=ad2]") (1)按从左往右的思路...如果是复杂选择器，比如带层级关系或者带伪类等，再判断浏览器是不是支持querySelectorAll高级查询，如果支持，调用querySelectorAll即可，这也是性能比较高的方案，但是如果我们的浏览器版本比较低不支持的话

1.1K1 0

请避免犯这9个常见的 CSS “坏习惯”

如果某个样式不起作用，您可以应用 !important 来强制应用所需的样式，覆盖任何冲突的样式。这种方法可以帮助您快速定位代码中的问题所在。...请注意，在以下属性的值中使用百分比：宽度、高度、边距和内边距。 em - 这与父元素的字体大小相关。例如，如果您将元素的字体大小设置为4em，则它将是父元素字体大小的四倍。...当您需要可重用的代码时，请使用类选择器。如何避免使用过于复杂的选择器 如果你在你的样式表中遇到了像下面这样的代码片段，那就意味着你正在使用过于复杂的选择器。...这样可能很高效，但随着时间的推移，它们最终会导致选择器过于复杂。 7、忽略浏览器兼容性 浏览器兼容性很重要，因为你不希望样式在一个浏览器上良好运行，在另一个浏览器上则运行不正常。...由于使用颜色名称的限制，我们需要选择使用十六进制代码，这些代码没有这些限制。以下是十六进制代码比颜色关键字更合适的原因：十六进制代码在各种浏览器中都是精确且一致的。

2741 0

jQuery

阻止事件冒泡页面载入与window.onload的区别事件委托动画效果 jQuery jQuery封装了JS代码，使JS的编写更加简单，类似python的模块，在前端中叫“类库”，同时也兼容多个浏览器..."> # CDN jQuery简介 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。...文档处理事件动画效果插件 each、data、Ajax jQuery语法 $符号事jQuery中的重要标识 //在JS中可以通过获取先获取标签，然后去使用对应的方法，在jQuery中一样，...获取到的元素是DOM对象，那么在jQuery中获取到的元素属于jQuery对象，两者之间方法有差别，虽然 jQuery对象是包装 DOM对象后产生的，但是 jQuery对象无法使用 DOM对象的任何方法...("元素选择器") 直到上面选择器获取的元素 parent() 父元素 parents() 所有父元素 parentsUntil(“元素选择器”) 查找当前元素的所有的父辈元素，直到遇到匹配的那个元素为止

6.8K1 0

jQuery的基本操作

ancestor //任何一个有效选择器 descendant //用以匹配元素的选择器,并且它是第一个选择器的后代元素 //描述 //找到表单中所有的(input)标签 HTML代码...siblings元素 prev //任何有效选择器 siblings //一个选择器,并且它作为第一个选择器的同辈 //描述 //找到所有与表单同辈的(inout)元素 HTML代码 <form...$("li:first"): 结果 [list item 1] 　　:not(selector) //概述 //去除所有与给定时器匹配的元素 //在jQuery1.3中.已经支持复杂选择器了...//随着一些内置属性的DOM元素或window对象,如果试图将删除该属性,浏览器可能会产生错误,jQuery第一次分配undefined值的属性,而忽略了浏览器生成的任何错误· name 属性名称....jQuery第一次分配undefined值得属性,而忽略了浏览器生成的任何错误· propertyName 要删除的属性名描述设置一个段落数字属性,然后将其删除· HTML代码 </

7.5K2 0

JQuery 入门学习(一)

之前一直觉得javascript用起来不顺手，但现在接触到Jquery了以后，才知道这个小小的框架帮我们完成了多少复杂的事情。 ...jquery是封装了javascript，是为了简化javascript脚本而存在，所以没必要精通javascript，javascript中很多的函数在jquery中都有更简单的替代方式。...通过这个对象的相关方法就能很方便地直接操作html文件。在Jquery中，DOM变得更加简单。 选择器 要操作html文档，就用到选择器。 ...通过Jquery，我们就可以操作html中任何标签内的任何内容。我来列举几个。修改css 通过css方法可以操作css。...通过这个方法，我们可以动态改变我们网站的元素，来适应用户浏览器的分辨率。

1.6K1 1

jQuery介绍与常见选择器的使用

2.强大的选择器。jQuery允许开发者使用从CSS1到CSS3几乎所有的选择器，以及jQuery独创的高级而复杂的选择器。...jQuery将所有的AJAX操作封装到一个函数$.ajax()里，使得开发者处理AJAX的时候能够专心处理业务逻辑而无需关心复杂的浏览器兼容性和XMLHttpRequest对象的创建和使用的问题。...作为一个流行的JavaScript库，浏览器的兼容性是必须具备的条件之一。jQuery能够在IE6.0+、FF3.6+、Safari5.0+、Opera和Chrome等浏览器下正常运行。...jQuery同时修复了一些浏览器之间的差异，使开发者不必在开展项目前建立浏览器兼容库。 8.链式操作方式。...注意：虽然有压缩和未压缩的两种版本，但是两个版本除了在代码压缩之外并没有任何区别，压缩版并没有删减jQuery的功能，未压缩版也没有增加什么功能。

2.7K1 0

网页中代码的顺序是不可忽略的细节

仿佛奇怪的问题总是喜欢找上那些初学者。当我在学习制作网页的时候，经常遇到一些很特别的问题。例如：刚刚添加的样式不起作用、jQuery 的代码老是不起作用等等，这些问题往往是不关注细节导致的。...HTML 代码的排序原理排序原理很简单，因为当浏览器访问一个网页的时候，要下载这个网页。现在的网速，对于一个几百K的网页来说，很快就能下载完。...但是如果网页比较大或者网速比较卡，网页下载就会需要一定的时间。这样的话，浏览器显示网页的过程就很明显了。从 HTML 代码的上到下，依次下载。...DOCTYPE html> 其次，编写网页编码，我个人认为编码是网页中最重要的，因为它决定浏览器采用什么编码来解析你的网页...因为 JavaScript 比较灵活，可以添加在页面的任何位置。通常推荐的是加在页面的最底部。

1.1K3 0

如何使用CSS伪类选择器

，但更复杂的页面将导致更复杂和更冗长的选择器字符串。...任何选择器的语法错误都会破坏所有元素的样式。像Sass这样的CSS预处理器允许嵌套（这也将出现在原生CSS[6]中）。...但是：在原生嵌套到来之前，你仍需要一个CSS构建工具。你可能想使用像Sass这样的方案，但这可能给一些开发团队引入复杂性。嵌套可能会导致其他问题。...开发者们终于有了一种针对父元素的方法。难以捉摸的"父选择器"一直是人们请求最多的CSS特性之一，但它给浏览器供应商带来了性能上的麻烦。因此，它已经即将到来了很长时间。...简而言之： 浏览器在页面上绘制元素时将CSS样式应用于该元素。因此，在进一步添加子元素时，整个父元素必须重新绘制。

2.2K4 0

前端开发面试题

（2）、标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。 HTML5 为什么只需要写 <!...样式系统从关键选择器开始匹配，然后左移查找规则选择器的祖先元素。只要选择器的子树一直在工作，样式系统就会持续左移，直到和规则匹配，或者是因为不匹配而放弃该规则。...*jQuery是一个js库，主要提供的功能是选择器，属性修改和事件绑定等等。 *jQuery UI则是在jQuery的基础上，利用jQuery的扩展性，设计的插件。...内存泄漏指任何对象在您不再拥有或需要它之后仍然存在。垃圾回收器定期扫描对象，并计算引用了每个对象的其他对象的数量。...优雅降级：Web站点在所有新式浏览器中都能正常工作，如果用户使用的是老式浏览器，则代码会针对旧版本的IE进行降级处理了,使之在旧式浏览器上以某种形式降级体验却不至于完全不能用。

5.1K5 2

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭