jQuery选择器-属性选择器示例

最新推荐文章于 2022-08-11 20:31:40 发布

qq_34734520

最新推荐文章于 2022-08-11 20:31:40 发布

阅读量298

点赞数

分类专栏： jQuery九类选择器及应用

本文链接：https://blog.csdn.net/qq_34734520/article/details/51622448

版权

jQuery九类选择器及应用专栏收录该内容

9 篇文章 1 订阅

订阅专栏

<span style="font-size:18px;"><html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"></span>

<span style="font-size:18px; white-space: pre;">	</span><span style="font-size:32px;color:#ff0000;">//jQuery版本根据实际引入的版本</span><span style="font-size:18px;">
    <script type="text/javascript" src="js/jquery-2.2.4.js"></script>
</head>
<body>

<div>
    <p>Hello!</p>
</div>
<div id="test2"></div>

<input type="checkbox" name="newsletter" value="Hot Fuzz"/>
<input id="myID" type="checkbox" name="newsletter" value="Cold Fusion" />
<input type="checkbox" name="newsaccept" value="Evil Plans" />

<!--
<input type="checkbox" name="letternews" value="Hot Fuzz"/>
<input id="myID" type="checkbox" name="letnewster" value="Cold Fusion" />
<input type="checkbox" name="accNEWSept" value="Evil Plans" />
-->

<script type="text/javascript">

    //1)查找所有含有id属性的div元素个数
        //alert($("div[id]").size());

    //2)查找所有name属性是newsletter的input元素，并将其选中
    //$("input[name='newsletter']").attr("checked",true);

    //3)查找所有name属性不是newsletter的input元素，并将其选中
    //$("input[name!='newsletter']").attr("checked",true);

    //4)查找所有name属性以'news'开头的input元素，并将其选中
    //$("input[name^='news']").attr("checked",true);

    //5)查找所有name属性以'letter'结尾的input元素，并将其选中
    //$("input[name$='news']").attr("checked",true);

    //6)查找所有name属性包含'news'的input元素，并将其选中
      // $("input[name*='news']").attr("checked",true);

    //7)找到所有含有id属性，并且它的name属性是以"letter"结尾的input元素，并将其选中
        $("input[id][name$='letter']");

</script>

</body>
</html></span>