表单选择器JQuery

最新推荐文章于 2023-05-19 23:32:13 发布

wzheh

最新推荐文章于 2023-05-19 23:32:13 发布

阅读量170

点赞数

分类专栏：表单选择器 JQuery 文章标签： html

本文链接：https://blog.csdn.net/Charles_hui/article/details/108858485

版权

JQuery 同时被 2 个专栏收录

10 篇文章 0 订阅

订阅专栏

表单选择器

1 篇文章 0 订阅

订阅专栏

$(function () {
$("li:contains('new')").css("color", "red");//包含new文本的元素
$("li:has('h2')").css("color", "green");//包含h2标签的元素
alert($("li:hidden").length);//不可见元素 1
alert($("li:visible").length);//可见元素 4
$("a[href=#]").attr("herf", "javascript:void(0)");

$("a[id^=a]").css("color", "red");
$("div").css("border", "1px solid red").css("width", "400px").css("height", "200px");
//表单选择器
$(":button").css("color", "red");
$(":checkbox").css("color", "red");

var sex = $(":radio:checked").val();//选中的单选按钮
console.log(sex);
//复选框
var hot = "";
$(":checkbox:checked").each(function () {
hot += $(this).val();
});
console.log(hot);
return false;
})
</script>
</head>
<body>

<div>
<table>
<tr>
<td>姓名：</td>
<td><input type="text" /></td>
<td rowspan="5"><input type="image" /></td>
</tr>
<tr>
<td>性别：</td>
<td>
<input type="radio" name="sex" id="sex" /><label form="">男</label>
<input type="radio" name="sex" id="sex" /><label form="">女</label>
</td>
<td></td>
</tr>
<tr>
<td>爱好：</td>
<td>
<input type="checkbox" />足球
<input type="checkbox" />篮球
<input type="checkbox" />羽毛球
</td>
<td></td>
</tr>
<tr>
<td>籍贯：</td>
<td>
<select id="select1">
<option>--请选择--</option>
<option>河南</option>
<option>河北</option>
<option>湖北</option>
<option>湖南</option>
</select>
</td>
<td></td>
<tr>
<td>简介：</td>
<td><textarea></textarea></td>
<td></td>
</tr>
<tr>
<td><input type="button" value="重置" /></td>
<td><input type="button" value="提交" /></td>
<td></td>
</tr>
</table>
</div>

wzheh

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
表单选择器JQuery

$(function () { $("li:contains('new')").css("color", "red");//包含new文本的元素 $("li:has('h2')").css("color", "green");//包含h2标签的元素 alert($("li:hidden").length);//不可见元素 1 alert($("li:visible").length);//可见元素 4 ...
复制链接

扫一扫