jquery 获取jquery对象的标签类型

本文介绍如何使用jQuery来检测HTML页面中不同控件的类型,包括下拉选择框、文本输入框及按钮等,并提供了具体的代码示例。
//jquery 对象
$("#"+控件id)[0]


//查看控件类型

 $("#"+控件id)[0].type

实例1:
< select id="ddl" >
  < option >
1< /option >

   < option >2< /option >
< / select>

$("#ddl")[0].type;// select-one

实例2:
< input type="text" id="txt" />
$("#txt")[0].type;//text

实例3:
       < select id="Select1" >
            < option >1< /option >
            < option >2< /option >
            < option >3< /option >
        < /select >
       
        < select id="Select2" >
            < option >1< /option >
            < option >2< /option >
            < option >3< /option >
       

        < select id="Select3" >
            < option >1< /option >
            < option >2< /option >
            < option >3< /option >
        < /select >
       
        < input type="text" id="Text1" / >
        < input type="submit" id="Text2" / >
        < input type="button" id="Text3" / >

 //测试
        $$("select").change(function(){
            alert($$(this)[0].type); //select-one
        });
       
        $$("#Select1").change(function(){
            alert($$(this)[0].type); //select-one
        });
       
        $$("#Select2").change(function(){
            alert($$(this)[0].type); //select-one
        });
       
        $$("#Select3").change(function(){
            alert($$(this)[0].type); //select-one
        });
       
        $$("#Text1").click(function(){
            alert($$(this)[0].type); //text
        });
       
        $$("#Text2").click(function(){
            alert($$(this)[0].type); //submit
            return false;
        });
        
        $$("#Text3").click(function(){
            alert($$(this)[0].type); //button
        });

转载于:https://www.cnblogs.com/xtxblog/p/4958269.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值