Tag: 选择器

将复杂的jquery css选择器转换为用于缓存的上下文

在反馈之后,完全重写问题。 我有以下标记: Title bla … 我可以访问: Title bla … 使用: $(‘body > *:not(div#do-not-modify-me)’); 我这样做,所以我可以得到身体的所有内容,除了具有id“do-not-modify-me”的div。 现在,让我们说我想构建一个函数,让另一个程序员选择正文中的任何东西,就像使用jquery选择一样。 另一个程序员不应该修改div#do-not-modify-me,但他也不应该关心它。 $(‘body > *:not(div#do-not-modify-me)’)将被调用很多时间,所以我们将缓存它。 这个想法是: // TEST CODE windows.new_body = $(‘body > *:not(div#do-not-modify-me)’); function select(selector) { return $(selector, windows.new_body); } 所以其他程序员应该能够做到: // TEST RESULT CODE select(“p”).css(“color”, “red”); 它会在身体的所有 中显示红色,但不会包含在div#do-not-modify-me中。 TEST CODE不起作用,因为目前它对上下文结果的子项应用css(),而不是自己的结果。 EG: select(“p”).css(“color”, “red”); 表现如下: $(‘body > * p :not(div#do-not-modify-me)’).css(“color”, […]

在jquery中选择一个包含两个属性的元素

https://jsfiddle.net/The95Chaps/2L4t9saq/92/是我的代码 var createGrid=function(s,i,a,e){for(var r=1;r<i+1;r++){for(var c="”,n=1;n<s+1;n++){c=c+"”}c+=””,$(“#main”).append(c)}$(“.pixels”).css(“background-color”,”gray”),$(“.pixels”).css(“width”,a),$(“.pixels”).css(“height”,e)}; var modGrid = function(code){ for(var n=1;n<gridx+1;n++){ for(var i = 1; i<gridy+1; i++){ $("[x="+i+"]") } } } var gridx = 64 var gridy = 64 createGrid(gridx,gridy,1,1) 。 。 .inline { display: block } .pixels { display: inline-block } #main { font-size:0; } 只是忽略顶行,它所做的就是创建数组 所以目前它创建了一个64乘64的网格,每个像素的大小为1个像素,总像素数为4096个像素 在我的modGrid()函数中,它将能够接受一个JS数组,然后将其转换为图像,但我在使用jquery选择器时遇到了一些麻烦。 目前我知道如何选择具有特定属性的元素的唯一方法是使用$(“thing[attribute=blah]”).somefunction(); 而我只是想知道 因为我选择了2个属性(x和y)我怎么做?: 在for(var i){}; 循环它应该能够选择一个具有属性x的像素等于i […]

使用jQuery从文本变量中选择带有选择器的标签

我有一个字符串,其中包含文本和一些标签; 我想知道如何从变量中选择一个标签并循环它。 我尝试了以下但它不起作用: var text = `some string here with http:something.com more string and more links also`; $(‘a’, text).each(function() { var string = $(this).html(); $(this).html(string.substring(0, length-1)+(string.length > length ? end : ”)); });

动态更改选择器文本

我有一个’下一个’按钮,淡出一个div,显示另一个,更改一个图形然后…我希望它改变’下一个’按钮的实际ID但是.html和replaceWith似乎都没有。 我有这个: $(document).ready(function(){ $(‘#portfolio’).fadeTo(500,0.25); $(‘#account’) .animate({width:”10.1875em”,height:”11.1875em”,duration:’medium’}); $(‘#next2_btn’).click(function(){ $(‘#content’).fadeTo(300, 0.0, function() { $(‘#content2’).show(300, function() { $(‘#next2_btn’).$(‘#next2_btn’.value).html(”) $(‘#account’).fadeTo(500,1.0) .animate({marginLeft:”220px”, width:”2em”,’height’ :”2em”,duration:’medium’}) .animate({ marginLeft:”400px”, marginTop:”35px”, width:”7em”, height:”7em”, duration:”medium” }, ‘medium’, ‘linear’, function() { $(‘#statusGraphic’).replaceWith(”); }) .fadeTo(500,0.5); $(‘#portfolio’) .fadeTo(500,1.5) .animate({marginLeft:”-175px”, width:”2em”,height:”2.5em”,duration:’medium’}) .animate({marginLeft:”-330px”, width:”8.5em”,height:”9.9375em”,duration:’medium’}); }); }) })

我如何用Jquery选择这个元素?

在下面的代码中,我如何选择id =“read-more”的span元素,如果在使用$(this)的id =“preface-more-btn”的锚元素中iam(要应用多个按钮)在jquery? 谢谢你的帮忙..

jQuery:在$(’selector’)中放置一个变量AND选择器?

你可以告诉我是否有可能使用这样的选择器: $(s_li,’#tools’) s_li是一个变量,’#tools’是选择器,我想将事件绑定到这两个目标。 我的例子不起作用,你知道吗? 非常感谢。

jQuery元素 vs element.class性能

我想知道哪种方式会更快,选择元素: $(‘element[href=#my_link]’); 要么: $(‘element.my_class’); 我不喜欢在编写代码时重复自己,所以我更喜欢在大多数情况下以第一种方式编写代码,因为我可以添加信息,如: Delete $(‘a[href^=#delete]’); 然后将其拆分,以便我可以获得点击后所需的所有信息,或者无论操作是什么。 我是否因此牺牲了整体表现? (我想我可以把它重写为class =“delete”href =“#1”)

jquery无法从输入元素中获取值(2)

我正在使用jquery尝试检索文本输入的值,但它无法正常工作。 谁能看到我做错了什么? http://jsfiddle.net/silvajeff/4Sb8K/3/ Category Find Row $(“#findRow”).click(function() { var tableRow = $(‘#oustandingItems tr:has(td input[value!=””])’).prevAll().length; var myValue = $(‘#oustandingItems input:has(td input[value!=””])’).val(); $(“#myRow”).val(myValue); });

JQuery:如何编写一个选择器来查找具有以给定子字符串结尾的类的元素?

我将JQuery用于我的Web应用程序。 我不知道如何为这种情况编写选择器。 text text 我需要找到所有类别以“-delete-confirm”结尾的链接,或者有一个名为“delete-confirm”的类。 我知道如何处理一个名为“delete-confirm”的类的情况。 “删除 – 确认情况”怎么样? 我可以让一个选择器覆盖两种情况吗? 谢谢你的任何输入! 问候。

>没有父母允许的jQuery儿童选择器?

快速问题,是没有父级的jQuery子选择器有效吗? 如果是这样,你会如何使用它? jQuery子选择器的示例: $(‘ul > li’) 没有父级的jQuery子选择器的示例: $(‘> li’) 上面的第二个例子不起作用。 但是我不记得以前我是否曾经看过它,或者我看到了一些像以前一样的东西: $(‘ul’).not(‘>li’) 是不是真的有用(但是没有弹出错误信息,所以它被忽略了?) 所以我的问题是你是否会使用没有父级的子选择器,并让它成为一个有效的jQuery选择器。 谢谢,抱歉,如果问题是愚蠢的。 🙂 编辑: 除了底部的Nick的jQuery.find示例,另一个用例是 $(‘ul:has(>li)’) 注意:$(’ul’)。has(’> li’)是错误的,应该写 $(‘ul’).has(‘ul>li’) AND for not() 不确定我是否正确,但你不会使用> not()的内部因为not()只涉及一个元素,而>比较多个元素。 但是你可以做类似的事情 $(‘li:not(:has(>p))’