学习jQuery选择器
来源：互联网 发布：相册网站设计源码 编辑：程序博客网 时间：2024/06/05 11:48
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>表单对象属性过滤选择器</title>
<script type="text/javascript" src="js/jquery-3.0.0.min.js"></script>
<script type="text/javascript">
$(function(){
// $("#btn1").click(function(){
// alert("abc");
//// $("input:enabled").val("改变值");改变可用表单的内容
// });
// $("#btn2").click(function(){
//// $("input:disabled").val("这是一个不可用的表单");对不可变的元素进行赋值
// });
// $("#btn3").click(function(){
//// var a=$("input:checkbox").length;获取多选框的个数
//// var b=$(":checkbox[name='abc']").length;获取指定name复选框中的个数
//// alert(a);
//// alert(b);
// });
// $("#btn4").click(function(){
// //这求得值不是select而是option 所有id或者类 一级元素选择器后边要加空格否则产生错误
//// var a=$("#select1 :selected").val();//获取select元素选取的内容
//// var num=$("#select1 :selected").length;获取选中的个数
//// alert($("select :selected").val());获取选中的文本内容如果选择了多个那么只能返回选择的第一个。解决方案如下
//// var attr=$("#select1 :selected").val();
//// $("select :selected").each(function(){
//// alert(this.nodeName);获取选中的标签名
//// alert(this.value);获取选中的文本
//// });
$("#btn5").click(function(){
// var sdff=$(":checkbox[name='checkletter']").val();获取那么为checkletter的值alert(sdff);
// $(":checkbox:checked").each(function(){遍历选中的复选框的内容
alert(this.value);
});
});
});
</script>
</head>
<body>
<input type="button" id="btn1" value="可用表单进行赋值" />
<input type="button" id="btn2" value="对表单内不能用的input进行赋值"/>
<input type="button" id="btn3" value="获取多选框的个数"/>
<input type="button" id="btn4" value="获取下拉框中的选中的内容"/>
<input type="button" id="btn5" value="获取多选框选中的内容"/>
<p></p>
<input type="text value"t"text" value="可用表单一"/>
<br />
<input type="text" disabled="none" value="不可用" />
<br />
<input type="password" value="" />
<br />
<input type="button" value="按钮"/>
<br />
<input type="file" value="" />
<br />
<input type="date" value=""/>
<br />
<input type="checkbox" value="asdff"/>计算机一级
<input type="checkbox" name="checkletter" id="" value="计算机二级" />计算机二级
<input type="checkbox" value="abc"/>计算机四级
<p></p>
<select id="select1" multiple="multiple>
<option>北京</option>
<option>上海</option>
<option>天津</option>
<option>济南</option>
<option>西安</option>
<option>南京</option>
</select>
<br />
<select id="select2">
<option>河南理工大学</option>
<option>郑州大学</option>
<option>河南大学</option>
<option>华北水利水电大学</option>
<option>河南农业大学</option>
<option>解放军信息工程大学</option>
</select>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title>表单对象属性过滤选择器</title>
<script type="text/javascript" src="js/jquery-3.0.0.min.js"></script>
<script type="text/javascript">
$(function(){
// $("#btn1").click(function(){
// alert("abc");
//// $("input:enabled").val("改变值");改变可用表单的内容
// });
// $("#btn2").click(function(){
//// $("input:disabled").val("这是一个不可用的表单");对不可变的元素进行赋值
// });
// $("#btn3").click(function(){
//// var a=$("input:checkbox").length;获取多选框的个数
//// var b=$(":checkbox[name='abc']").length;获取指定name复选框中的个数
//// alert(a);
//// alert(b);
// });
// $("#btn4").click(function(){
// //这求得值不是select而是option 所有id或者类 一级元素选择器后边要加空格否则产生错误
//// var a=$("#select1 :selected").val();//获取select元素选取的内容
//// var num=$("#select1 :selected").length;获取选中的个数
//// alert($("select :selected").val());获取选中的文本内容如果选择了多个那么只能返回选择的第一个。解决方案如下
//// var attr=$("#select1 :selected").val();
//// $("select :selected").each(function(){
//// alert(this.nodeName);获取选中的标签名
//// alert(this.value);获取选中的文本
//// });
$("#btn5").click(function(){
// var sdff=$(":checkbox[name='checkletter']").val();获取那么为checkletter的值alert(sdff);
// $(":checkbox:checked").each(function(){遍历选中的复选框的内容
alert(this.value);
});
});
});
</script>
</head>
<body>
<input type="button" id="btn1" value="可用表单进行赋值" />
<input type="button" id="btn2" value="对表单内不能用的input进行赋值"/>
<input type="button" id="btn3" value="获取多选框的个数"/>
<input type="button" id="btn4" value="获取下拉框中的选中的内容"/>
<input type="button" id="btn5" value="获取多选框选中的内容"/>
<p></p>
<input type="text value"t"text" value="可用表单一"/>
<br />
<input type="text" disabled="none" value="不可用" />
<br />
<input type="password" value="" />
<br />
<input type="button" value="按钮"/>
<br />
<input type="file" value="" />
<br />
<input type="date" value=""/>
<br />
<input type="checkbox" value="asdff"/>计算机一级
<input type="checkbox" name="checkletter" id="" value="计算机二级" />计算机二级
<input type="checkbox" value="abc"/>计算机四级
<p></p>
<select id="select1" multiple="multiple>
<option>北京</option>
<option>上海</option>
<option>天津</option>
<option>济南</option>
<option>西安</option>
<option>南京</option>
</select>
<br />
<select id="select2">
<option>河南理工大学</option>
<option>郑州大学</option>
<option>河南大学</option>
<option>华北水利水电大学</option>
<option>河南农业大学</option>
<option>解放军信息工程大学</option>
</select>
</body>
</html>
0 0
- jQuery学习--jQuery选择器
- jquery选择器学习笔记
- JQuery 选择器学习笔记
- jQuery学习之--选择器
- jQuery 学习七(选择器)
- jquery 学习笔记 ---选择器
- jQuery选择器学习理解
- JQuery的学习：选择器
- 【jQuery学习笔记------选择器】
- jquery学习--选择器
- jQuery选择器的学习
- jQuery学习之选择器
- jQuery 学习七(选择器)
- jquery input选择器学习
- jQuery学习(选择器)
- jQuery学习－选择器
- <学习笔记> jQuery 选择器
- jQuery 学习一：选择器
- Javascript总结--Array对象
- PageSet<T>分页
- linux基础命令大全
- 【adb】 pull和push的正确姿势
- BZOJ1646: [Usaco2007 Open]Catch That Cow 抓住那只牛
- 学习jQuery选择器
- git clone WARNING: REMOTE HOST IDENTIFICATION HAS CHANGED!
- 联合 枚举 双指针 万能指针void*
- vs2010中文旗舰版，vs2013，vs2015企业版激活秘钥
- synchronized 对象锁
- 两个二进制中不同位的个数
- JS: 如何计算一个月有多少天
- c 差缺补漏
- runtime运行时
