【在jQuery里如何使用复合选择器】教程文章相关的互联网学习教程文章

javascript – 如何使用JQuery在选择器中使用HTML属性的“substring或contains”来查找元素?【代码】

如何在选择器中使用HTML属性值的子字符串查找元素? 我试图找到div是否包含带有字母“S”的docnumber startes的输入alert($("#forbDokProd").find(".dokMalProd input[name='check2'] [data-doknumber*='S'").length > 0) <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <div id="doc" class="docParent"><input type="checkbox" name="check2" class="ballu" value="123" data-docnu...

javascript – jQuery选择器的性能【代码】

HTML标记:<div><a id="foo"> </a></div>jQuery的:$('div').each(function(){$('#foo', this).dosmth(); // 1$('#foo').dosmth(); // 2});运行dosmth哪种方法会更快?解决方法:由于我们得到了各种各样的答案,希望这里有一些清晰度(check the examples here): >最快 – 没有必要循环.跳过$(“div”).每个部分只做$(“#foo”). foo是一个ID,因此查找是即时的.>中等 – 循环中的$(“#foo”).请注意,您也不希望这样,因为它将为...

javascript – jquery选择器在动态追加html时不起作用【代码】

我可以动态地将“选择”控件附加到DOM,在将它附加到DOM之后,我想要更改最后一个“选择”的html内容(动态添加的最新“选择”),但它失败了…… (我无法在param_html中设置选项值,因为我应该稍后使用ajax请求来设置它们.)<script>$(function(){var param_html = '<select class="params"></select>';$("input[value='+']").click(function(){$('#parameters').append(param_html);$('.params :last').html('<option>aaa</option><opti...

javascript – Jquery修改后的选择器类没有被拾取【代码】

我在构建一些jquery时遇到了麻烦,它抓取了一个在前一个事件之后被修改的选择器. 例如,我有一些看起来像这样的html:<div class='1'>test</div>如果我点击以下内容:$(".1").click(function(){alert('found 1!'); $(this).attr('class', '2'); });警报工作,当我检查元素时,班级已切换为’2′ 现在,当我再次点击它时,使用以下内容:$(".2").click(function(){alert('found 2!'); $(this).attr('class', '1'); });我仍然得到’找到1!...

javascript – 没有选择器的JQuery?【代码】

我正在尝试开发一个循环图像滑块,并对我正在参考开发的文档提出疑问. JQuery函数实际上并没有调用选择器,我不确定如何阅读它.$.fn.cycle = function(options, arg2) { var o = { s: this.selector, c: this.context };上面的脚本在我的javascript文档中,下面的方法在我的HTML文档中调用上面的脚本.$(document).ready(function() { $('.headline').cycle({fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle...

javascript – 选择器传递给jQuery函数【代码】

我有一个函数,我希望我传递的选择器执行封闭的进程.功能如下:function menuselector (id){$(id).css('background', 'url(../img/black_denim.png) repeat');$(id).css('color', '#FFF');} function menudeselector (id){$(id).css('background', 'none');$(id).css('color', '#CE0101');}menuselector('mgi');mgi是div标签的ID解决方法:通过在id之前使用哈希来定位ID,与CSS中的相同. 如果你路过menuselector('mgi');您需要调整它以...

javascript – 如何使用jQuery分离元素选择器?【代码】

我需要的是这样的:$('element1 or element2').mouseover(function() {$('element3').show(effects,blah); });我希望我在jQuery文档中忽略了这种可能性.解决方法:只需使用逗号分隔选择器:$('element1, element2').mouseover(function() {$('element3').show(effects,blah); });逗号是selector grouping的CSS语法.

javascript – JQuery选择器性能和比较问题【代码】

这三个操作都在执行相同的操作.谁能解释不同表现的原因?console.time('first'); for(guid in ALLGUID){ $('.'+guid).find('.cell-taskname').find('.cell-text').text() } console.timeEnd('first');console.time('second'); for(guid in ALLGUID){$('.'+guid).find('.cell-taskname .cell-text').text() } console.timeEnd('second');console.time('third'); for(guid in ALLGUID){$('.'+guid+' .cell-taskname .cell-text').t...

javascript – 带选择器的jQuery .remove()不起作用【代码】

根据.remove() | jQuery API Documentation,将选择器作为.remove()的可选参数包含在内是完全有效的.引用:We can also include a selector as an optional parameter. For example,we could rewrite the previous DOM removal code as follows:$( "div" ).remove( ".hello" );所以我写了两个div来测试这个:<div id="div1">test<div id="div2">Remove</div> </div>使用它作为jQuery:$( document ).ready(function() {$( "#div1" )...

javascript – Jquery选择器 – 文本等于 – 不工作【代码】

HTML<select id="myDDL"><option selected="selected" value="0">default</option><option value="1">apples</option><option value="2">oranges</option> </select>使用JavascriptsetFieldValue("myDDL", "apples");function setFieldValue(field, value) {var val = $("#" + field + " option[text]");console.log(val);$("#" + field).val(val); }的jsfiddle https://jsfiddle.net/nnvh7e43/ 我想根据其文本在选择字段中选择一个...

javascript – jQuery的$(选择器).eq(索引)和$(选择器)[索引]是一样的吗?【代码】

所有这些方式有什么区别?//1 $('div').eq(index) //2 $('div')[index] //3 $($('div')[index] )//4 $('div').get(1)它们一样吗?解决方法:没有. 第一个和第三个返回jQuery对象,而第二个和第四个返回DOM元素:$("div").eq(index) === $($("div")[index]); // --> jQuery object$("div")[index] === $("div").get(index); // --> DOM element你可以在这里阅读最后一个案例:http://api.jquery.com/get/. 如果您需要查看类型之间...

javascript – jQuery选择器中的Tilde【代码】

我对Javascript中波形符的功能的理解是它执行按位运算(即1变为0,反之亦然; 1000变为0111).但是,我最近开始研究一个现有的项目,我的前任已经包含了很多这样的代码:var iValuation = $('div[class~="iValuation"]');任何人都可以告诉我在这个例子中代字号的目的是什么?我之前没遇到它,也没能在网上找到任何参考.解决方法:那不是JavaScript运算符.它出现在一个字符串中. 由于该字符串被传递给jQuery函数,并且它看起来不像HTML,它是一...

javascript – 带变量作为参数的Jquery选择器【代码】

我有这个代码行的问题:alert($('input' + ' #' + $id_bici).attr('value'));HTML代码是:<input type="hidden" id="id_bici1" name="id_bici1" value="9">警报结果是“未定义”解决方法:输入和#之间有一个空格.如果您想要具有特定ID的输入.然后它们之间不应该有空格.var $id_bici = 'id_bici1'; //added for full example alert($('input' + '#' + $id_bici).attr('value'));

javascript – CSS或JQuery中的特定图像扩展选择器【代码】

我的项目中有几个图像,有几个扩展名(jpg,png,gif). 有没有办法根据css或JQuery中的扩展选择这些图像.<img src="img/img.jpg"/> <img src="img/img1.png"/> <img src="img/img2.gif"/>例如,我希望扩展名为.png的图像具有高度:200px;属性.解决方法:您可以使用属性以选择器结尾$=:$('img[src$=".png"]').height(200);选择器的结尾将错误地错过< img src =“test.png?id = 1”>. 您还可以使用属性contains selector,* =:$('img[src...

javascript – Jquery – 我不应该重复选择器(存储在变量中)吗?【代码】

有时我发现自己多次重复选择器.我应该以某种方式将jquery对象存储到变量然后只使用那个?作为一个简单的例子,以下是什么?:$('a.contactus').css('padding', '10px'); $('a.contactus').css('margin', '4px'); $('a.contactus').css('display', 'block');现在我知道这不是一个很好的例子,因为有效地你可以链接每个css函数.但是假设每一个都是条件性陈述或某些东西阻止你链接. 我可以在变量中存储jquery对象吗?如果是这样,我什么时...