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

前端之家收集整理的这篇文章主要介绍了jquery – 将Css类添加到所有元素? Javascript / Css?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想将CSS类应用于我的站点中的每个文本框:
<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函数来在母版页中找到它们.

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

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

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

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

解决方法

AFAIK它是:
$('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.”

猜你在找的jQuery相关文章