Tag: jquery selectors

jQuery $(element).each函数不适用于新添加的元素

我正在使用.each函数来迭代元素列表。 我有匹配元素的初始列表和.each在这些方面很有效。 但是我可以通过AJAX方法添加新元素……但是这些新添加的元素不起作用吗? 我知道有关新添加元素的实时事件和事件重新绑定,但是.each不是事件我找不到任何有关如何正确使用它来影响新添加元素的帮助。 怎么解决这个? //Uploadify callback where I add new items onComplete: function(event, queueID, fileObj, response, data) { $(“.blank”).remove(); $(“#lib-contentWrap”).append(response); } }); //And my each loop where I loop the elements. All elements are wrapped inside the #lib-contentWrap div. And the looping begins if I change the state of a checkbox (=checkbox check/uncheck)! $(‘#chk-selected’).change(function(){ […]

jQuery选择器中直接后代(>)与后代的区别是什么?

这两个jQuery语句之间有什么区别? 他们似乎通过让所有的孩子div标签做同样的事情。 $(“#mainblock div”) $(“#mainblock > div”)

jquery与相同的脚本冲突

我正在使用jquery将内容加载到选项卡中,并在单击时切换选项卡。 我的问题是,我正在使用这个“标签切换器”两次,这引起了冲突。 我对jquery不太熟悉,所以我的问题可能在于我在头部创建了两次函数。 这是我的jquery(你会注意到有重复的脚本,选择器改变了一点,所以“选项卡切换器”看起来不同。 $(document).ready(function() { //When page loads… $(“.tab_content”).hide(); //Hide all content $(“ul.tabs li:first”).addClass(“active”).show(); //Activate first tab $(“.tab_content:first”).show(); //Show first tab content //On Click Event $(“ul.tabs li”).click(function() { $(“ul.tabs li”).removeClass(“active”); //Remove any “active” class $(this).addClass(“active”); //Add “active” class to selected tab $(“.tab_content”).hide(); //Hide all tab content var activeTab = $(this).find(“a”).attr(“href”); //Find the href attribute […]

选择奇数/偶数子div

我正试图从代码服务器端动态创建一本“书”。 该部分工作正常,并生成类似于以下内容的输出: Page 1 content Page 2 content Page 3 content Page 4 content Page 5 content 我需要做的是,最好使用jQuery是向最内层的div添加类,例如page-left或page-right 。 例如,第1,3和5 page-left翻页,而第2页和第4 page-right 。 可能还有更多(或更少)5页。 我尝试使用一堆不同的偶数/奇数选择器方案,但似乎无法让它正常工作。 有人能指出我正确的方向吗? 谢谢!

jQuery选择器比较它们之间的元素属性(和/或属性)

事情从我之前的问题开始:使用jQuery是否可以比较选择器中的两个属性? 我的意思是: $(‘element[atribute1!=attribute2]’) 或者,在一个实际例子中: $(‘input[name!=id]’) 在我的情况下,我需要它来获取用于编辑内容的html表单中没有更改的输入字段数,我试图让这段代码工作: if($(‘input[DefaultValue!=input.value]’).lenght==0){…} 怎么样? 它应该返回已更改字段的数量(如果我得到0,我将停止表单提交,显示警报消息并返回而不更新) 谢谢您帮忙。

如何在JQuery中选择多个元素和一个类

所以我被问到一个关于Treehouse的简单问题,但我对如何订购代码感到困惑。 我被要求使用jQuery来选择带有’nav’类的无序列表中的所有列表项。 我不知道如何订购我的代码(我真的是JQuery的新手)。 这是我的错误答案。 $(“li ul .nav”);

将两个类似的jQuery脚本组合成一个if / then脚本

我试图结合两个jQuery循环,基于来自这里回答的问题的代码,从WordPresspost中删除图像和iframe,并将它们移动到新的div或新列表。 我以前的问题试图独立地实现这些结果,但我现在需要将它们组合在一个页面中,根据父容器选择使用哪一个。 具体来说,我希望第一个脚本在所有 容器上运行,而不是具有#clients ID的容器。 那个人应该使用第二个脚本。 我想我可能需要某种if / then逻辑来运行适合选择器的代码,但我很难实现这一点。 目前,一个脚本正在打破另一个脚本。 以下是两个脚本 – 请注意第4行括号中的注释: jQuery(“document”).ready (function($){ // Elements you want to match var matchesEl = “img, iframe” // For each section [I have added a ‘not-#clients’ selector, which doesn’t work but gives an idea of the logic I’m attempting], get its index number and do the […]

在jquery中有任何文本选择器吗?

在jquery中有任何文本选择器吗? 我的代码 Hello World! Hello World! Reslut应该是(使用Jquery) Hello World! Hello World!

动画期间jquery是(“:visible”)和(“:动画”)错误?

这就是事情。 我有多个图标,每个图标在div中显示一条消息。 当我将鼠标hover在图标上时,框显示,当我鼠标移出时,它会关闭。 当我点击时,我希望盒子不会自动关闭,但只有在我点击此框角落的X后。 这一切都很好,直到我添加了动画。 问题是”:animated”选择器似乎没有工作, “:visible”似乎工作有问题。 当我将鼠标hover在图标上时,动画开始,当我点击图标时,在动画期间,我希望当我将鼠标hover时它不会关闭。 相反,当我现在点击它时,它立即开始关闭动画。 代码: $(document).ready(function () { $(“.flyoutdialog”).hide(); $(‘.flyouticon’).click(function () { //alert(“click”); //when i click and this function gets called DURING animation i get: alert($(this).next(“.flyoutdialog”).is(“:visible”)); //false alert($(this).next(“.flyoutdialog”).is(“:animated”)); //false $(this).next(“.flyoutdialog”).data(“clicked”, true); showDialog($(this)); return false; }); $(‘.flyouticon’).hoverIntent({ over: function () { showDialog($(this)); }, timeout: 500, out: function () { hideDialog($(this)); } […]

jQuery选择器重用最佳实践

将DOM对象存储为变量时,这是该变量的最佳实践用法: // Option 1 var myElement1 = $(“.container”).find(‘ul li:eq(1)’); $(myElement1).css(‘background’, ‘red’); // Option 2 var myElement2 = $(“.container”).find(‘ul li:eq(2)’); myElement2.css(‘background’, ‘blue’); One Two Three 看起来我已经看到了两种方式,正如你所看到的,他们都做到了。 选项1对我来说似乎有点多余,但我只想在将选项2提交给我的个人风格之前进行检查。