jquery选择器中基本选择器

最新推荐文章于 2024-10-31 15:39:18 发布

依然那么楞

最新推荐文章于 2024-10-31 15:39:18 发布

阅读量877

点赞数

本文介绍了基本选择器中的各类选择器，包括id选择器、class选择器、element选择器、*选择器及并列选择器，并通过一个示例展示了如何使用这些选择器来匹配不同的HTML元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

1、id选择器

根据给定的id匹配个元素

2、class选择器

根据给定的类名匹配元素

3、element选择器

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

4、 * 选择器

匹配所有元素

5、并列选择器

<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
        //请自己引用js文件
        <title>New Web Project</title> 
        <script type="text/javascript" src="jquery-1.8.0.js"></script> 
        <script type="text/javascript"> 
            $(function(){ 
                $('#bt1').click(function(){ 
                    alert('id选择器:'+$('#d1').html() 
					+ "\nclass选择器："+$('.c1').html() 
					+"\n元素选择器:"+$('p').eq(0).html() 
					+"\n*选择器:"+$('*').eq(5).html() 
					+"\n多选择器选中的个数:"+$('div,p,#bt1').length
                    ); 
                }); 
            }); 
        </script> 
    </head> 
    <body> 
        <div id="d1">我是一个div</div> 
        <div class="c1">我是一个div2</div> 
        <p>我是一个p</p> 
        <input type="button" value="button" id="bt1" /> 
         
    </body> 
</html>