jquery选择器

来源:互联网 发布:淘宝v5会员消费多少钱 编辑:程序博客网 时间:2024/06/06 19:57
<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>
原创粉丝点击