jquery选择器

最新推荐文章于 2024-09-05 16:56:18 发布

tz_gx

最新推荐文章于 2024-09-05 16:56:18 发布

阅读量398

点赞数

分类专栏： jquery 文章标签： jquery

本文链接：https://blog.csdn.net/tz_gx/article/details/9851427

版权

jquery 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

<html>
<head>
  <script type="text/javascript" src="../jquery.js"></script>
  <script type="text/javascript">
   $(function(){
    //用于搜索的，通过元素的 id 属性中给定的值
    //alert($("#a").text());

    //根据给定的元素名匹配所有元素
    //alert($("p").text());

    //查找所有类是 "myClass" 的元素
    //alert($(".a").text());

    //selector1,selector2,selectorN
    //alert($(".a,.d").text());

    //alert($("div p").text());

    //匹配所有紧接在 prev 元素后的 next 元素 prev + next
    //alert($("div+p").text());

    //匹配给定的属性是某个特定值的元素
    $("input[name='cccc']").val("iiiiii");

    //匹配所有type为button的元素
    $(":button").val("pppp");
   });

   </script>
</head>
<body>

  <button id="run">Run</button><div></div>

  <div>
   <span id="a">span</span>

  <p id="a" class="a">aaa</p>
</div>
<div>
  <p id="f" class="f">fff</p>
</div>
  <p id="b" class="a">bbb</p>

  <Form id="myForm">
    2131
    <input type="text" name="cccc" value="cccc"/>
    <input type="button" value="dddd"/>
    <p class="d" >dddd</p>
  </Form>
</body>
</html>