表单元素过滤选择器

最新推荐文章于 2023-03-22 08:07:42 发布

回家打Boss

最新推荐文章于 2023-03-22 08:07:42 发布

阅读量332

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/weixin_44545712/article/details/96422509

                      表单元素过滤选择器
-----------------------------------------------------------------------------------
开发工具与关键技术:VS.JQuery作者：纳兹,撰写日期：2019.07.18,源于:老师教程
-----------------------------------------------------------------------------------

表单对象属性过滤选择器：此选择器主要对所选择的表单元素进行过滤。主要有以下几种：enabled：选取所有可用元素；disabled：选取所有不可用元素；checked：选取所有被选中的元素（单选框，复选框）；selected：选取所有被选中选项元素（下拉列表）。
属性值叫value，操控属性值的方法叫.val()。$(":text:enabled").val(“尚88858”)：使所有的可用的单行文本框的value值变为88858。
$(" : t e x t : d i s a b l e d ") . v a l (" w w w . a t g u i g u . c o m ") ：使所有不可用的文本框里面的 v a l u e 值不可变。 c h e k e d b o x 名字是它的，因为有可能有多个 c h e c k e d b o x ， v a r n u m =$ (":checkbox[name=‘newsletter’]:checked").length; alert(num);被选中名字为newsletter的复选框的个数。
Selected主选框选择的内容，var len = $(" s e l e c t : s e l e c t e d ") . l e n g t h ：被选中的 s e l e c t e d ，实际上被选择的不是 s e l e c t, 而是 s e l e c t 的 o p t i o n 子节点，所以要加一个空格； a l e r t ($ (“select :selected”).val())：因为 $(" s e l e c t : s e l e c t e d ") 选择的是一个数组，当该数组中有多个元素时, 通过 . v a l () 方法就只；能获取第一个被选择的值了。$ (“select :selected”).each(function(){alert(this.value);});})：jQuery 对象遍历的方式是 each, 在 each 内部的 this 是正在得到的 DOM 对象, 而不是一个 jQuery 对象。
以上为表单元素过滤选择器
在这里插入图片描述