淘先锋技术网

首页 1 2 3 4 5 6 7

jquery选择器中基本选择器

基本选择器中的各个小类：

1、id选择器

  根据给定的id匹配个元素

2、class选择器

根据给定的类名匹配元素

3、element选择器

根据给定的元素名匹配元素

4、 * 选择器

匹配所有元素

5、并列选择器

[html]  view plain copy
  1. <html xmlns="http://www.w3.org/1999/xhtml">   
  2.     <head>   
  3.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />   
  4.         //请自己引用js文件  
  5.         <title>New Web Project</title>   
  6.         <script type="text/javascript" src="jquery-1.8.0.js"></script>   
  7.         <script type="text/javascript">   
  8.             $(function(){   
  9.                 $('#bt1').click(function(){   
  10.                     alert('id选择器:'+$('#d1').html()   
  11.                     + "\nclass选择器："+$('.c1').html()   
  12.                     +"\n元素选择器:"+$('p').eq(0).html()   
  13.                     +"\n*选择器:"+$('*').eq(5).html()   
  14.                     +"\n多选择器选中的个数:"+$('div,p,#bt1').length  
  15.                     );   
  16.                 });   
  17.             });   
  18.         </script>   
  19.     </head>   
  20.     <body>   
  21.         <div id="d1">我是一个div</div>   
  22.         <div class="c1">我是一个div2</div>   
  23.         <p>我是一个p</p>   
  24.         <input type="button" value="button" id="bt1" />   
  25.            
  26.     </body>   
  27. </html>   

转载于：ling811