jQuery:向选择器添加上下文比精炼选择器快得多？
在这个问答内容中，您提到了 jQuery 和选择器。jQuery 是一个流行的 JavaScript 库，它可以简化 HTML 文档操作、事件处理、动画和 Ajax 交互。选择器是一种用于选择文档元素的方法，可以使用 CSS 选择器或者其他选择器方法。
关于您的问题，“向选择器添加上下文比精炼选择器快得多？”，这个问题涉及到 jQuery 选择器的性能优化。在 jQuery 中，可以使用上下文参数来限制选择器的范围，这样可以提高选择器的性能。例如，如果您想在一个特定的元素内查找所有的段落，可以使用以下代码：
$('p', $('#my-element'));这里，第一个参数是选择器，第二个参数是上下文。这样做可以减少搜索的范围，从而提高性能。
总之，向选择器添加上下文可以提高性能，但具体的性能提升取决于选择器的复杂性和上下文的大小。在实际应用中，您可以根据需要选择是否使用上下文参数来优化选择器的性能。
相关·内容
我在一个页面上有五个不同的输入控件，每个控件都有不同的id和名称，还有一个类。
<input id="txtName1" name="txtName1" class="jName" type="text" />
<br />
<input id="txtName2" name="txtName2" class="jName" type="text" />
<br />
<input id="txtName3
浏览 7提问于2012-10-17得票数 0
回答已采纳
例如，我有一个网站，它的dom有一个动态生成的部分，大致如下所示：
<div id="master">
<div class="child"> ... </div>
<div class="child"> ... </div>
<div class="child"> ... </div>
...
<div class="child"> ... </div>
</div>
以这种
浏览 2提问于2010-04-15得票数 3
回答已采纳
4回答
我正在尝试使用name属性访问jsp页面中的表单元素。此表单包含文本、文本区和选择字段。现在，在我的javascript文件中，我必须获取这些值。
$("input[name=first_name]").val()
通过使用它，我们只能获得输入类型字段(例如:text)的值，而不是和字段的值。
请帮我解决这个问题，我想使用jquery代码。
浏览 1提问于2011-05-11得票数 0
回答已采纳
2回答
我有一个select标签。
下面是jquery：
$('#offer').change(
function(){
alert($(this + "option:selected").val());
});
我想要得到选项的值:selected of this。上面的代码不起作用。但是如果我传递一个id，它就会起作用"#idofselecet option:selected"
浏览 0提问于2013-02-23得票数 1
回答已采纳
2回答
目前，我有以下<select>框：
<select name="selectemail[]" multiple="true">
<option value="email">test@email.com</option>
<option value="name">Joe</option>
<option value="date">2015</option>
</select>
在Java
浏览 2提问于2015-05-12得票数 0
回答已采纳
我在弄清楚这个问题上有些困难。我有一个无序列表菜单，我想用文件夹图标设置所有最后元素的样式，并用plus.gif图像设置所有可展开(父)元素的样式。我想通过jquery使用.addclass()简单地更改类，jquery将包含用来添加背景图像的css。我下面的jquery代码只选择了": last -child"，即在列表中的最后一个元素上放置一个文件夹图标。我需要在所有没有孩子的“li”前面放一个文件夹图标，在所有有孩子的“li”前面放一个加号图标。有没有办法做到这一点？
这是我的HTML：
<ul id="nav">
<li>Hea
浏览 2提问于2010-03-24得票数 4
回答已采纳
我在我的应用程序中使用了以下jquery代码。
其思想是当用户出现在表单中并单击屏幕上的任何按钮时，单击按钮。
<script>
$(document).ready(function() {
$('form').focusin(function() {
$(this).addClass('focused');
});
$(':not(form)').bind('click', functio
浏览 0提问于2010-07-05得票数 2
回答已采纳
我有一张名叫resultGridTable的桌子。我在表的每一行上都要执行一个jQuery函数。在函数中，"this“表示行。
对于第四行，我需要警告第一列值(第四行)。我有以下代码，但它不起作用。我们怎样才能让它发挥作用？
对于第五行，我需要警告行中的列数。我们怎么做呢？
在第六行的第二列中，我有两个按钮(输入type="submit")。我需要提醒第二个按钮的文本/值。(第二个按钮有一个名为“secondButton”的类)我们怎么做呢？
守则如下：
$('#resultGridTable tr').each(function (
浏览 5提问于2012-05-29得票数 3
回答已采纳
假设我想看看"copy“是如何在Dictionary类中实现的。目前，我使用系统浏览器并手动遍历继承层次结构(自下而上)，直到找到实现给定消息的类。是否有用于工作空间的一行程序，可在正确位置打开系统浏览器？
浏览 0提问于2012-02-29得票数 5
回答已采纳
我发现看起来很适合我的项目。但遗憾的是，它是用编写的，并且不能与JQuery 1.6+一起工作。
由于源代码并不长，所以我决定重写它，使其与我使用的JQuery 3.3.1一起工作。但是我很快就被困住了，因为有一个多余的语法，我不知道，也不明白：
$('<div/>',{
className : 'description',
html : descHTML
});
$images = $('.images',$mg);
$
浏览 1提问于2018-09-24得票数 0
回答已采纳
5回答
给定以下HTML：
<fieldset>
<legend>
<input type="checkbox" name="amazon_activated" />
</legend>
<table>
<tr>
<td>
Amazon Data
</td>
</tr>
</table>
&l
浏览 6提问于2012-05-29得票数 0
回答已采纳
6回答
我读过Brandon Aaron 的这篇文章，内容是jquery上下文可能会有什么帮助。所以我想自己做个测试。所以我就是这么做的。
使用id="context“创建了一个DIV，并在前面创建的"#context”中与id="holder“嵌套了DIV。
创建一个深度为18的嵌套DIVs，并将<div id="context"><div id="holder"></div></div>追加到其中，从而生成20个嵌套DIVs。
现在，我测试了通过以下选择器访问"#holder
浏览 3提问于2010-03-11得票数 21
回答已采纳
1回答
编辑:根据答案，AngularJS似乎并不比jQuery更快，因为它还使用了jQuery (jqLite)的一个版本。
一位朋友告诉我，jQuery可能很慢，因为它需要解析整个的页面，每个请求才能找到DOM对象并对它们进行操作。对于一大页，它会得到一个不好的表现。
但是，AngularJS可以更快地使用较大的HTML页面，因为它“编译”了HTML，并且能够更快地访问DOM对象。
是真的吗？你能给一个可信的链接来证实这一点吗？
如果这不是真的，请解释一下jQuery和AngularJS在访问DOM对象方面有何不同。
我还使用了性能基准，我只找到了一个：。
如果角度不快于jQuery，为什么测试是
浏览 1提问于2014-11-01得票数 4
回答已采纳
4回答
我创建了这个表单，并在其中添加了一些jquery。如果我单击submit，jquery部分将显示div。它会这样做，但只有当它刷新页面时，div才会返回到隐藏中。我把所有东西都放在同一个文件中，jquery、php和html。如何使jquery保持不变。
<form class ="form" method="post">
<h3>Select your trademark</h3>
<select class="form-control" name="trademark&
浏览 3提问于2016-10-19得票数 1
回答已采纳
我正在写一篇关于SenchaTouch的文章，希望将基本的Ext.Get与JQuery中的等价物进行比较。我有点困惑，我想确保我做对了。
在SenchaTouch中，为了设置innerHtml，我使用Ext.get并将我想要的元素传递给它。在JQuery中，我传递了一个css选择器？(我假设#就是这样做的)。我说的对吗？在JQuery中，有没有办法做同样的"GetElementById“类型的事情？
另外，我对JQuery为什么不返回数组感到有点困惑？这是因为在DOM中只能有一个标记有相同ID的项吗？
我知道，有点新手的问题，但我真的想确保我理解正确。
Ext.applicati
浏览 1提问于2013-04-06得票数 1
如果我有一个只应用于表单元素的CSS类，例如：
<form class="myForm">
这两个jQuery选择器中哪一个最有效，为什么？
a) $('form.myForm')
b) $('.myForm')
浏览 9提问于2009-01-06得票数 11
回答已采纳
我创建了一个Refinery::Carts引擎，它本身位于一个单独的目录中。它有一个手推车模型。现在我想创建一个LineItem模型。我试着跑
rails生成模型LineItem cart:references product_id:string qty:整数'unit_price:decimal{6,2}‘虚拟:布尔{false}’地址:引用
然而，它抱怨
请先运行'rake refinery:testing:dummy_app‘来创建一个虚拟的炼油CMS应用程序。
所以我运行了那个和bundle install，但是现在我运行了rails generate
浏览 3提问于2014-05-04得票数 1
我只是注意到向选择器添加上下文比改进选择器要快得多。
$('li',$('#bar')).append('bla');
速度是两倍于：
$('#bar li').append('bla');
这通常是真的吗？
浏览 0提问于2009-03-16得票数 12
回答已采纳
我在函数中见过$(this)和understand的用法，在选择器中也见过，但无法理解它何时或是否有价值。这里有两个我可以使用并开始工作的例子，但我真的做了什么有价值的事情吗？
这里我在选择器中添加了$(this)
(function($) {
$(".deliver").on('mouseenter',function(){
$(this).css({'width':'600px'});
$(".form_jquery",$(this)).fadeIn(1000).css(
浏览 0提问于2013-02-13得票数 3
回答已采纳
1回答
这是我用来排序列表的jquery代码：
$('ul').on('change','input',function(e){
var $ul,$checked,$unchecked;
$ul = $(e.delegateTarget);
// markup <li><label><input type="checkbox"></label></li>
$checked = $ul.find('input:checked').cl
浏览 1提问于2012-03-15得票数 1
在第1页中，我有这个数组：
$pole = array("countLike" => "countLike", "Message" => "Some message");
echo json_encode($pole);
我想把这个数据放在第二页，但是这段代码不起作用。
function Like(id)
{
$.post("page1.php", { action: "Like", "id": id }, function(data) {
var
浏览 0提问于2012-03-04得票数 0
回答已采纳
2回答
我有一个网站，有几个这样的元素：
<g class="box" rel="1">...</g>
<g class="box" rel="2">...</g>
<g class="box" rel="3">...</g>
<g class="box" rel="4">...</g>
<g class="box" rel="5">..
浏览 0提问于2013-04-17得票数 0
回答已采纳
我正在尝试使用jQuery修改链接。这些链接是动态生成的，我没有控制现有的HREF，因为它们是从第三方网站调用的。
使用jQuery，我如何更改以下链接：
example.com/?one=1&two=1
要这样做：
example.com/?one=1&two=1&thisisadded=true
那么，本质上是将&thisisadded=true添加到链接的末尾吗？
需要更改的链接位于它们自己的div中，其中包含一个my-link类。
浏览 2提问于2010-02-12得票数 6
在下面的代码片段中，为什么长度应该是1，而长度却是0？
var jQueryObj = $("<p>testing</p>");
// Display the length
$('body').html($("p", jQueryObj).length);
<script src="http://code.jquery.com/jquery-2.2.0.js"></script>
浏览 0提问于2012-01-27得票数 4
回答已采纳
12回答
我正在寻找任何可以提高jQuery调用选择器性能的方法。具体来说，就像这样：
$("div.myclass")比$(".myclass")快吗
我想可能是，但我不知道jQuery是否足够聪明，可以先通过标记名限制搜索，等等。谁有任何想法来制定一个jQuery选择器字符串，以获得最佳性能？
浏览 0提问于2008-09-05得票数 74
回答已采纳
我有这样一个嵌套列表：
<ul class="list">
<li class="list_item_type_1">
<ul class="list">
<li class="list_item_type_2">Unnested item</li>
</ul>
</li>
<li class="list_item_type_2">Unn
浏览 0提问于2009-09-04得票数 1
回答已采纳
有人帮我找到了我不想删除的JavaScript 和 (不管它是否隐藏)：
$("form").submit(function() {
$(this).find(":hidden").remove(); // hide hidden elements before submitting
});
和
:not(input[name=csrfmiddlewaretoken])
然而，我无法在我的一生中想出如何把这些东西组合在一起。我确信这是一个基本的JavaScript问题，但我似乎不能把它们拼凑在一起。
有人知道如何删除所有未命名为csrfmiddlewaretok
浏览 6提问于2011-10-24得票数 3
回答已采纳
哪个更快？
<div class="box"><div id="inside"></div></div>
jquery
var div_obox = $('.box');
var div_Ibox = div_obox.find("#inside") or var div_Ibox = $("#inside");
我急切地想知道哪个更快，我知道使用ID是最快的，但是即使使用变量，我想也要快得多。
我期望的是，因为它已经在第一个语句中找到了.box元素
浏览 0提问于2013-07-09得票数 1
回答已采纳
5回答
选择器: Id与上下文
、、、、
我使用jQuery。
我读了很多关于选择器性能和优化我们的AJAX应用程序的文章。我希望提高我的选择器的性能。我知道所有的jquery性能技巧。我还没有找到我的问题的确切答案。我使用了几乎所有当前的jquery性能提示，但我的应用程序似乎仍然有相当的滞后。
所以，为了优化，我从选择器开始。
我的问题是:从上下文下降到目标id是否比仅仅以id为目标更快？我看不出有什么不同。
示例：
是
$('#childId', $higherElm);
更快的速度
$('#childId');
？
提前谢谢。
浏览 0提问于2010-08-05得票数 4
回答已采纳
我一直在搜索一周中使用javascript/jquery的XML搜索方法的大部分时间--但大多数方法都用于输出到HTML或用XML显示整个记录数组，这正是我不想实现的。我正在寻找的函数是搜索"Sarah“这样的用户，然后将"department”和"code“存储在相应的变量中；(var department，var代码)。我有以下XML文件：
<?xml version="1.0" encoding="utf-8" ?>
<phonebook>
<person>
<first_name&
浏览 1提问于2013-11-02得票数 3
回答已采纳
2回答
是否可以仅影响自定义类的后代的样式？我只想为我的DOM元素的后代覆盖一些jQuery UI样式。
就像这样
.myStuff .ui-button {font-size: 0.7em !important;}
<div class="myStuff">
<input type="button"></input> !-- jQuery UI class .ui-button
</div>
<input type="button"></input> !-- .ui-but
浏览 0提问于2012-01-24得票数 0
回答已采纳
3回答
我只想在使用javascript (inc jquery)选择选择框中的某个值时才显示两个输入框。
我的选择框具有以下值：
<select name="menu-168" class="wpcf7-validates-as-required">
<option value="Residential">Residential</option>
<option value="Commercial">Commercial</option>
</select>
我的输
浏览 0提问于2012-11-30得票数 0
回答已采纳
在准备好的每个文档上，我都需要通过jQuery获得body标记，而我最好奇的是这个问题的答案。
假设这是我网站上每个页面上的body标签：
<body id="body">
仅根据标签名称查询body标签是否更快：
$('body')
或者通过id查询：
$('#body')
浏览 0提问于2011-10-10得票数 32
回答已采纳
2回答
我正在设计一个带有旋转木马的响应式布局。carousel有一个控件，允许用户切换整个框，隐藏和显示carousel。你可以在这里看到这是完全有效的：
看起来它的运行非常缓慢。我在想，我的jquery写得很糟糕，这可能会降低性能。我的jquery如下：
$("#closeBox a").click(function(){
if ($(this).find('span').hasClass('minus')) {
$(this).find('span').removeClass(&
浏览 1提问于2011-12-05得票数 1
回答已采纳
2回答
我无意中发现了这段代码，我想知道它是限制了作用域，还是同时选择了这两个元素。
container = jQuery("#test", parent.document);
jQuery("param[name=scale]", another.object)
有人能解释一下这件事吗？
编辑:完整的示例：
<script type="text/javascript">
jQuery = parent.jQuery;
container = jQuery("#test", parent.document);
anothe
浏览 1提问于2015-05-06得票数 4
回答已采纳
4回答
我使用jQuery来创建新的超文本标记语言，但是当我使用$.get或$.ajax方法时，它无法获取数据吗？例如，我测试了一个简单的jQuery：
$(function () {
$(".tc3").html('<div id="test" ></div>');
if($('.noprint a[href*="/f1-"]:first').length){
$.ajax({
url: '/f1-' ,
浏览 0提问于2013-07-19得票数 1
回答已采纳
我使用jQuery选择器将一系列事件动态添加到超链接中..。
例如..。
$('a[data-toggle="email"]').click(function(){
//Do Something
});
我遇到的问题是，我有许多div，它们使用AJAX填充，因为呈现时间长，其中也可以有数据切换，而我需要能够将相同的事件附加到其中，但是事件不附加。
我已经尝试过手动调用包含所有jQuery发起者的jQuery方法，但是它第二次将相同的事件添加到以前修改过的dom对象中，这会引发范围广泛的UI和工作流故障。
我的问题是，是否有一种方法只允许jQuery初始化者对尚未
浏览 0提问于2016-01-17得票数 0
回答已采纳
坚持官方的jQuery API，除了在:first伪类中使用nextAll之外，是否有一种更简洁、但不更有效的方法来查找与给定选择器匹配的元素的下一个同级呢？
当我说官方API时，我的意思是不要侵入内部，直接进入Sizzle，在混合中添加一个插件，等等(如果我最终不得不这样做，那就算了，但这不是这个问题)。
例如，鉴于这种结构：
<div>One</div>
<div class='foo'>Two</div>
<div>Three</div>
<div class='foo'>
浏览 4提问于2011-02-08得票数 79
回答已采纳
我想知道如何检查复选框是否被选中。
我知道:checked选择器，但我正尝试使用$(this)对象来实现。
$(".permission_checkbox").live('change',function(){
if($(this+":checked").length==0){
alert('remove');
} else {
alert('add');
}
});
这段代码总是调用alert('add')！
谢谢你的帮助&圣诞快乐
浏览 1提问于2010-12-24得票数 1
回答已采纳
1回答
jQuery使用以下语句将其自身的一个版本传递给全局作用域：
window.jQuery = window.$ = jQuery;
如此中所示
查看，我们可以看到该定义在jQuery的顶级作用域中，定义如下：
// Define a local copy of jQuery
jQuery = function( selector, context ) {
// The jQuery object is actually just the init constructor 'enhanced'
return new jQuery.fn.init( selector
浏览 0提问于2012-08-26得票数 2
回答已采纳
3回答
在我正在制作的一个网站的页面中，按下一个按钮就可以导入另一个php页面的内容，并将其附加到页面上。但是，另一个页面包含JQuery，每次我导入内容时，单击事件($( ".ExpandRoleButton").click)都会在前面元素上重复。因此，如果我添加3个元素；
元素1:将单击事件重复3次
元素2:重复点击事件2次
元素3:运行单击事件一次
$("#AjouterPiece").click(function()
{
$.blockUI({ message: '<img src="images/ChargementGeant.
浏览 2提问于2012-05-06得票数 1
回答已采纳
我正在尝试创建一个多选列表，我可以通过单击列表中的第一个字段(这是一个空值，即"")来清除所有选定的项目。
我正在使用这个jquery：
$("#States").change(function () {
var sValue = $(this).val();
if (sValue == "") {
$(" option:selected").removeAttr("selected");
}
return false;
});
问题是，这也会取
浏览 0提问于2013-03-07得票数 0
回答已采纳
1回答
我有一个使用jQuery的页面，在某些情况下可以运行得非常慢，我正在尝试使用Firebug和Firequery来分析它。我让它跑了，用了这页.当我得到结果时，我看到消耗大部分CPU时间的函数是：
elementMatcher/< (jquery-2.1.0.js (línea 2113))
Sizzle</Sizzle.selectors.filter.ATTR/< (jquery-2.1.0.js (línea 1617))
Sizzle</Sizzle.attr (jquery-2.1.0.js (línea 1407)
浏览 3提问于2015-04-01得票数 1
回答已采纳
1回答
我正在使用jQuery将ajax内容加载到页面上。但是，尝试使用jQuery的.remove()函数似乎无法删除动态加载的元素。
我的示例函数：
function deletePerson(personID){
if (confirm("Are you sure you want to permanently delete this person?\nYou cannot undo this action.")){
$.post("ajax/personsDelete.php", { personNo: personID },
浏览 0提问于2010-02-17得票数 2
我已经学习了一段jQuery脚本，并根据我的需要编辑了几天。它包含以下几行。
var newElement = $("#featured-post").clone();
var inputField = $("select", newElement);
我只是不明白第二行到底做了什么，因为我以前从未见过这样的选择器(是的，我是jQuery新手)。
我可以猜到它在克隆元素中选择"“元素。但我以前从未读过这种选择方法。有人能解释一下这个选择器吗？我已经做了一些谷歌，但没有发现任何与此有关的东西。非常感谢。
浏览 4提问于2013-11-01得票数 1
回答已采纳
我试图使用jQuery .attr()属性来获取具有显式定义高度的iframe或img的高度。
jQuery
var scrollerHeight = $('.caroufredsel_wrapper > ul > li').find('img','iframe').attr('height');
<div class="caroufredsel_wrapper">
<ul>
<li><iframe src="movie.swf" wi
浏览 6提问于2012-04-06得票数 0
回答已采纳
当我点击其中一个ul项时，我得到一个错误，说"setContentHeight“不是一个函数。但是，例如，如果我从ngAfterViewInit()调用该函数，则不会得到任何错误。这里我漏掉了什么？一般来说，我对Angular2和web都是非常陌生的，所以如果这很明显的话，请原谅。谢谢!
import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';
declare var jQuery: any;
declare var $BO
浏览 7提问于2017-01-20得票数 0
回答已采纳
最近，我问了一个关于使用jquery在点击和悬停时改变行背景色的问题。下面是它的链接，我实现了标记为answer的解决方案。问题是，当我有很多行时，悬停和单击都需要很长时间。我正在使用IE8和最新版本的jquery。下面是问题的链接
下面是我实现的代码：
如果你悬停和点击，它的工作和它的快速较少的行，但如果有很多行/列，它会变得非常慢，有时抛出一个错误，如果我想停止脚本。当我在Firefox中做同样的比较时，它非常快。我只在IE8中遇到了这个问题。有没有人能给出一个解决办法呢？
浏览 0提问于2010-12-21得票数 1
回答已采纳
我的页面上呈现了以下HTML：
<div class='panel'>
<div>
<div class='section'>
<ul class='properties'>
<li>
<label>Claim.Claimant</label>
<span class="value"&
浏览 6提问于2014-07-01得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
