jQuery的表单选择器

Posted 2020-10-10 bai_nian_min_guo

1、常规选择器选择表单标签

    $(function () {
//        var a = $("input").eq(0).val()
//        alert(a)
//
//        var b = $("input").eq(1).val()
//        alert(b)
//
//        var c = $("input[type=‘password‘]").val()
//        alert(c)

　　

2、表单选择器选择表单标签

//        :input：冒号+input就可以把所有的表单标签选择出来，我们从他输出的数量就可以看到
        var d = $(":input").length
        alert(d)
        var d = $(":input[name=‘ccc‘]").val()
        alert(d)


//        var d = $(":text[name=‘ccc‘]").val()
//        alert(e)
//
//
//        var d = $(":password[name=‘ccc‘]").val()
//        alert(f)
//
//        var d = $(":image[name=‘ccc‘]").val()
//        alert(f)
//
//
//        var d = $(":button[name=‘ccc‘]").val()
//        alert(f)
//
//        var d = $(":submit[name=‘ccc‘]").val()
//        alert(f)
//
//
//        var d = $(":reset[name=‘ccc‘]").val()
//        alert(f)

//        var d = $(":radio").val()

        var d = $(":hidden")
//        隐藏的标签

        var d = $(":enabled")
//        选择所有的可用的标签，标签默认都是可以用的



        var d = $(":disabled")
//        选择所有不可用的标签，不可用标签需要给标签加一个属性
//disabled="disabled"给标签加一个这样的属性就会变为不可用

        var e = $(":checked")
//        选择被选中的标签，主要用于单选框和复选框

        var f = $(":selected")
//        用于下拉标签的选中的标签

    })