草庐IT

css-selectors

全部标签

javascript - 重用 jQuery 选择元素的最有效方式

我可以根据理论想象对此的正确答案,但我只是在寻找一些确认。我想知道重用jQuery选定元素的最有效方法是什么。例如:$('#my_div').css('background','red');//someothercode$('#my_div').attr('name','RedDiv');对比myDiv=$('#my_div');myDiv.css('background','red');//someothercodemyDiv.attr('name','RedDiv');我假设第二个示例更有效,因为不必多次找到元素#my_div。对吗?同样,首先将$(this)保存在一个变量中,例如

javascript - 输入 :text + textarea selector in jquery

我正在尝试这样做:$('input:text','textarea').focus(function(){$(this).removeClass('wrong');if(this.value==this.defaultValue){$(this).val('');}但是$('input:text','textarea')不能用作选择器。我做错了什么? 最佳答案 试试$('input:text,textarea') 关于javascript-输入:text+textareaselector

javascript - Jquery,如何知道输入何时有 :invalid selector?

我有这个代码:HTMLCSSinput[type=text]:invalid{background-color:red;}Javascript$("[data-type=input-records]").die().live("keypress",function(e){if(!($(this).val().length+1)我想做这样的验证:if(!$(this).hasSelector(":invalid")){showMessage("Invalidvalue");} 最佳答案 使用is测试:invalid伪类的函数:if($

javascript - 在 Polymer 中通过 JS 更改 CSS 变量

在我的Polymer元素中,我有一个工具栏,我想使用JavaScript更改其颜色。由于Polymer在内部使用CSS变量—paper-toolbar-background进行样式设置,因此我无法执行类似style.color的操作。我找到了一个名为setProperty()的方法,但它对我不起作用。有没有人已经找到解决方案? 最佳答案 在元素的customStyle映射中设置变量值,然后调用updateStyle方法。这是一个元素示例,该元素通过修改其定义的自定义样式的值来更改其自身的可见性。变量也可以是外部的。:host{dis

javascript - querySelectorAll 是否支持 id 中的句点 (.) 字符?

querySelectorAll是否支持id中的句点(.)字符?我的意思是如果我附加如下元素:vardiv=document.createElement('div');div.id='my.divid';document.body.appendChild(div);然后我像下面这样使用querySelectorAll:document.querySelectorAll('#my.divid');那我什么也得不到!所以句点是id的合法字符,querySelectorAll是Firefox官方提供的方法;我无法相信该方法不支持id中的句点(.)。我是不是犯了什么错误?

javascript - 防止过时的 CSS 和 JavaScript 的最佳实践是什么

我正在为一个元素研究这个,我想知道其他人正在做什么来防止每个新版本都提供陈旧的CSS和JavaScript文件。我不想附加时间戳或类似的东西,这可能会阻止对每个请求进行缓存。我正在使用Spring2.5MVC框架,并且我已经在使用googleapi来提供原型(prototype)和脚本。我也在考虑使用AmazonS3和新的Cloudfront产品来最大限度地减少网络延迟。 最佳答案 我向带有修订号的请求添加了一个参数,例如:“ver”参数会随着每次构建自动更新(从构建更新的文件中读取)。这可确保仅为当前修订缓存脚本。

javascript - 在上传时自动缩小 CSS 和 Javascript

有谁知道在上传时通过处理脚本自动运行某些文件类型的好方法?我试图在将CSS和Javascript上传到服务器时自动缩小它们,在本地保留一个漂亮的、人类可读的版本,同时在服务器上保留一个缩小的版本。我目前在Windows上使用WinSCP,它在某种程度上是可编写脚本的,但可能不够可编写脚本。我可能需要某种拼凑而成的解决方案,所以不要害怕提出一些带有胶带的建议;但是,我确实需要在我的本地计算机上进行缩小并上传压缩文件,因为我使用共享主机并且无法在服务器上安装垃圾。谢谢。 最佳答案 我建议创建一个makefile来解决这个特殊问题,这是我

javascript - 如何解析CSS字体简写格式

我需要将CSS字体速记格式解析为单独的组件(字体系列、字体大小、字体粗细……)。这种速记格式看起来很复杂。这里有两个例子:10pxsans-serifbolditalicsmall-caps1em/1.5emverdana,sans-serif在我开始为它编写解析器之前,是否有我可以使用的现有解析器(最好用JavaScript编写)? 最佳答案 这是一个“临时DOM元素和使用jquery的css()函数”解决方案:http://jsfiddle.net/thirtydot/tpSsE/2/var$test=$('');$test.c

javascript - 使用 JS/CSS 实现更流畅的图像动画的技术

我正在使用以下代码在网页的顶层滑动图像,但它有点抖动,在图像下方出现条纹垂直线,尤其是在包含许多嵌套元素的内容上方时。即使边界设置为零也是如此。对于使用JS/CSS滑动图像的更流畅的方法有什么建议吗?border=4;pps=250;//speedofglide(pixelspersecond)skip=2;//e.g.ifsetto10willskip9in10pixelsrefresh=3;//howoftenlookstoseeifmoveneededinmillisecondselem=document.createElement("img");elem.id='img_id'

javascript - 等待CSS中的背景图片完全加载

这个问题在这里已经有了答案:OfficialwaytoaskjQuerywaitforallimagestoloadbeforeexecutingsomething(11个答案)关闭8年前。我有一个网络应用程序,它使用在外部CSS中加载的外部背景图像。现在,可以在图像完全呈现之前使用该应用程序,从而产生奇怪的视觉效果。如何在图像完全加载之前停止脚本执行?它可以使用普通的JavaScript或jQuery。因为图像是在外部CSS中加载的,所以我读到的正常触发器不起作用。