Tag: css selectors

Jquery根据id号选择div

经过大量的研究后,我发现了JQuery并找不到我的问题的答案,因为我不知道如何表达它。 我的页面上有2个标尺+2个指南,2个按钮用于显示或隐藏它们。 我写了一些有用的东西,但我希望通过缩短代码来优化代码。 这里是: $(‘#ruler-bg1, #ruler-bg2’).hide(); $(‘#ruler1’).click(function() { $(‘#ruler-bg1’).slideToggle(100); $(‘#guide1’).toggleClass(‘guide-on’); }); $(‘#ruler2’).click(function() { $(‘#ruler-bg2’).slideToggle(100); $(‘#guide2’).toggleClass(‘guide-on’); }); 我无法弄清楚的是如何对2个函数进行分组,以便点击#ruler-bg+same_number #ruler+number显示#ruler-bg+same_number和#guide+same_number 。

像jQuery的.click()一样工作的CSS3选择器?

我几年来一直在使用纯CSS导航,最近我们开始在我工作的公司建立一堆移动网站。 我真的想继续使用纯CSS,并注意依赖jQuery,但在移动网站上,下拉菜单无法正常工作。 是否有类似jQuery的.click(); CSS3中的事件? 基本上,当用户点击导航链接时,我希望下拉菜单打开并保持打开状态。 我试过环顾四周,但似乎找不到任何东西。

如何从css中排除特定控件?

我有一个telerik树视图 ,它以HTML格式呈现为ul 。 当我在我的aspx中使用特定的css尝试时,它没有以正确的方式出现,因为CSS文件有ul和li选择器。 来自萤火虫: 现在我想从(#tabContaier ul ,#tabContaier Li)排除这个控件 我想要一些解决这个问题的通用解决方案,特别是对于telerik控件。 编辑: 应用级联技术后:

“Working”脚本返回Uncaught DOMException:无法在“Node”上执行“insertBefore”:新的子元素包含父元素

我正在构建一个首先从外部页面获取HTML数据的页面(非跨域),然后在第一个函数完成后,它运行一个侧面显示的函数。 它的工作原理……或多或少…… 我遇到的问题是,在5或6张幻灯片之后,整个事情变得混乱,然后一切都消失了。 检查控制台时,我发现以下消息: Uncaught DOMException: Failed to execute ‘insertBefore’ on ‘Node’: The new child element contains the parent. at HTMLDivElement. (xxxxxxxxxxxxxxxxx.com/jquery/jquery-1.12.4.js:6297:21) at domManip (xxxxxxxxxxxxxxxxx.com/jquery/jquery-1.12.4.js:6066:14) at jQuery.fn.init.after (xxxxxxxxxxxxxxxxx/jquery/jquery-1.12.4.js:6295:10) at HTMLDivElement. (xxxxxxxxxxxxxxxxx.com/go/scripts/jqueryautoscroll/autoscroll.js:41:47) at HTMLDivElement.opt.complete (xxxxxxxxxxxxxxxxx/jquery/jquery-1.12.4.js:7900:12) at fire (xxxxxxxxxxxxxxxxx.com/jquery/jquery-1.12.4.js:3232:31) at Object.fireWith [as resolveWith] (xxxxxxxxxxxxxxxxx/jquery/jquery-1.12.4.js:3362:7) at tick (xxxxxxxxxxxxxxxxx.com/jquery/jquery-1.12.4.js:7755:14) at jQuery.fx.tick (xxxxxxxxxxxxxxxxx.com/jquery/jquery-1.12.4.js:8069:9) 我认为它与container.find(elm + ‘:first’).before(container.find(elm + ‘:last’)); 所以我尝试评论所有的行,错误消失了,但随后滑块不会改变。 我的代码如下: […]

如何在分配了多个类的元素上切换特定类?

我有一个具有多个类的元素。 我想在单击它时切换其中一个类。 当我点击这个时,我需要将icon-expand更改为icon-reduce ,然后保持其他类不变。 当我使用$(this).toggleClass(‘icon-reduce’)时,它只是在最后添加了类。 当我这样做时也是如此: $(this).toggleClass(‘icon-expand’,’icon-reduce’) 。 这是完整的代码: $(function(){ $(‘#toggle-site-content-width’).click(function(){ // on click $(‘#site-content’).children(‘div’).toggleClass(‘content-align-center’); // remove this class to expand the view to full available window width $(this).toggleClass(‘toggle-expand’,’icon-reduce’); // change the icon $(this).trigger(‘resize’); // trigger the window to rearrange masonry bricks }); });

基于选择器的jquery切换(显示/隐藏)

我想基于jquery创建动画,下面是我的代码; >items=document.querySelectorAll(“#customers td span”); [​ 02​​, ​11​​, ​ 02​​, ​11​​] >item=items[0]; // it has a parent tag i want the whole row to blink (both spans) ​ 02​​ >tm=item.attributes.getNamedItem(“alt”); alt=​” 02,Counter,11,2013-04-06 14:​59:​16″ >dtm=tm.value.split(‘,’)[3]; “2013-04-06 14:59:16” 或者在JQuery中: $(document).ready(function() { window.setInterval(function(){ $(“#customers, td, #span”).each(function(){ if($(this).children(“span”).attr(“alt”)!=null) var dt=new Date($(this).children(“span”).attr(“alt”).split(“,”)[3]).getTime(); if(dt>$.now()-10*1000){ //am i right here?? console.log(“animating”); $(this).parent().fadeOut(“slow”); $(this).parent().fadeIn(“slow”); } […]

如何在JQuery表单validation插件中选择问题1,问题2,问题3,…等元素?

我使用jQuery和jQuery Validation插件来validation输入。 以下是代码。 现在有很多输入命名为question1,question2,question3,question4,…我如何对它们进行validation? 我的意思是如何一起选择它们? $(document).ready(function() { $(“#item”).validate({ rules: { title: { required: true, minlength:40 }, content: { required: true, minlength:100, maxlength:2000 } }, messages: { } }); }); 代码: $(“input[name^=’question’]”): { required: true, minlength:40 } 不起作用。

如何形成一个与Ands和Ors一起使用的查询选择

我有一个类定义HtmlElements如下: 我希望能够对此进行查询选择器,具体而言,我想知道所有具有GM的div标签,并且还有任何以BOLT开头并且不是2015年的东西。 我在想类似的东西 [GM][^BOLT]!2015 但显然是错的。

使用JQuery,如何根据另一个名称选择一个元素?

如果我在网络表单中有一堆带编号的字段,比如发票: 使用JQuery,我如何选择第一个,然后从第一个引用第二个? 我有类似于$(“input[id^=’Item’]”) ,它可以很好地选择每个项目,但是从这些中我需要引用相应的Desc并用结果填充它。 比如用户在Item1和onBlur中键入内容我想将内容复制到相应的Desc。 谢谢

这个JQuery在哪里错了?

我想将click事件添加到`id =“violacao”的所有元素: $(document).ready(function () { jQuery(‘#violacao’).click(function() { alert(‘teste’); }); }); 但只有第一个链接响应点击。 这是生成的HTML: 40954589 Perda de Comunicação 88692020503 Perda de Comunicação 当我这样尝试时: jQuery(“a”).click(function() { alert(‘teste’); }); 它工作正常,但所有链接都受到影响。 怎么了?