您现在的位置是:首页 > web开发 > jQuery系列1

jQuery系列1

web开发作者:dayu日期:5天前点击:0

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script type="text/javascript" src="jquery-3.2.1.min.js"></script>
</head>
<body>
    <!-- <a href="##" hreflang="en">英文</a>
    <a href="##" hreflang="zh">中文</a> -->
    <input type="text" name="man-news">
    <input type="text" name="man new">
    <input type="text" name="people man new">
    <input type="text" name="Anews">
</body>

<script type="text/javascript">
    $("input[name*=‘new‘]").css("color","red");
</script>
</html>

这里使用了第二种选择器,只要是name中包含new的都会被选中。

技术分享

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script type="text/javascript" src="jquery-3.2.1.min.js"></script>
</head>
<body>
    <!-- <a href="##" hreflang="en">英文</a>
    <a href="##" hreflang="zh">中文</a> -->
    <input type="text" name="man-news">
    <input type="text" name="man new">
    <input type="text" name="people man new">
    <input type="text" name="Anews">
</body>

<script type="text/javascript">
     $("input[name~=‘new‘]").css("color","red");
</script>
</html>

这里使用了第三种选择器,属性值以空格符分割,分割之后的单个属性值与new相同的元素都会被选中。

技术分享

jQuery系列1

原文地址:http://www.cnblogs.com/Hlong-ZY/p/7242359.html


下一篇       上一篇