jquery – 将Css类添加到所有元素? Javascript / Css?

前端之家收集整理的这篇文章主要介绍了jquery – 将Css类添加到所有元素? Javascript / Css?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想将CSS类应用于我的站点中的每个文本框: @H_301_2@<div class="editor-label"> <label for="FoodType">FoodType</label> </div> <div class="editor-field"> <input id="HelpText" name="FoodType" type="text" value="" /> </div> <p> <input type="submit" value="Create" /> </p>

我想,嘿!简单.我将添加一个jquery函数来在母版页中找到它们.

@H_301_2@<script type="text/javascript"> $(document).ready(function(){ $('input').addClass('textBox'); } </script>

不幸的是,这也会选择提交按钮.我怎样才能选择具有文本类型属性的输入元素?

另外,这可能完全使用CSS吗?

如果这两种方法都不可能,我想我只需要手动将类添加到我制作的每个文本框中?

解决方法

AFAIK它是: @H_301_2@$('input[type=text]').addClass('textBox');

您可以在CSS文件中执行类似操作,但这需要更高版本的CSS /取决于您希望使用旧版浏览器的宽度.

请参阅here中的属性选择器.请注意:

“Browser support: The only browser that doesn’t support CSS3 attribute selectors is IE6. Both IE7 and IE8,Opera and Webkit- and Gecko-based browsers do. So using them in your style sheet is definitely safe.”

原文链接:https://www.f2er.com/jquery/178001.html

猜你在找的jQuery相关文章