jquery 获取jquery对象的标签类型

最新推荐文章于 2021-04-30 17:13:13 发布

weixin_30700977

最新推荐文章于 2021-04-30 17:13:13 发布

阅读量359

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/xtxblog/p/4958269.html

本文介绍如何使用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