jq表单元素选择器

最新推荐文章于 2023-01-20 09:31:31 发布

♕时光以北暮南城

最新推荐文章于 2023-01-20 09:31:31 发布

阅读量120

点赞数

分类专栏：前端文章标签： jquery

本文链接：https://blog.csdn.net/qq_43742368/article/details/106320769

版权

前端专栏收录该内容

44 篇文章 0 订阅

订阅专栏

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>表单元素选择器</title>
<script src="../jquery/jq/jq5.3.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$(":input").css("border","1px groove #0F9");//查找所有 input, textarea, select 和 button 元素 :input 选择器基本上选择所有表单控件
	$("input:text").css("background", "#A2CD5A"); //匹配所有input元素中类型为文本框xt的input元素改变背景颜色
	$("input:password").css("color", "red"); //匹配所有input元素中类型为密码框的input元素密码颜色改变
	$("input:radio").attr('checked','true');//匹配所有input元素中类型为单选框的input元素密码颜色改变
	$("input:checkbox").attr('checked','true');//匹配所有input元素中类型复选框的input元素密码颜色改变
	$("input:submit").css("background", "#0FF");//匹配所有input元素中类型按钮的input元素背景颜色改变
	//$("input:image") 匹配所有input元素中的图像类型的元素
	//$("input:reset") 匹配所有input元素中类型为重置按钮的元素
	//$("input:button")匹配所有input元素中类型为按钮的元素
	//$("input:file")  匹配所有input元素中类型为file的元素
});
</script>
</head>

<body>
<div class="left first-div">
	<form>
    	<input type="text" value="text类型"/>
        <input type="password" value="password"/><br/>
        <input type="radio"/> <br/>
        <input type="checkbox"/><br/>
        <input type="submit" /><br/>
        <input type="image" /><br/>
        <input type="reset" /><br/>
        <input type="button" value="Button" /><br/>
        <input type="file" /><br/
    </form>
    </div>
</body>
</html>

在这里插入图片描述

♕时光以北暮南城

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
jq表单元素选择器

<!doctype html><html><head><meta charset="utf-8"><title>表单元素选择器</title><script src="../jquery/jq/jq5.3.1.js"></script><script type="text/javascript">$(document).ready(function(){ $(":input").css
复制链接

扫一扫