1.1查找隐藏的tr元素的个数
$(“table tr:hidden”).size()
查找所有可见的tr元素的个数
$(“table tr:not(:hidden)”).size() 一般是不使用,因为效率太慢
举例:
<body> <table border="1" align="center"> <tr style="display:none"> 不显示的意思,所以下面值显示两个,这个tr是不显示的 <td>Value 1</td> </tr> <tr> <td>Value 2</td> </tr> <tr> <td>Value 3</td> </tr> </table> <script type="text/javascript"> //1)查找隐藏的tr元素的个数 $(“table tr:hidden”).size() //2)查找所有可见的tr元素的个数 $(“table tr:not(:hidden)”).size() 一般是不使用,因为效率太慢 </script>
</body>
2.1查找所有含有id属性的div元素个数
$(‘div’).size(); 查询出div的个数
$(‘div[id]’).size(); 查询出div中含有id的个数,使用[]
查找所有name属性是nametest的input元素
$("input".size() 查询出input标签的个数 $("input[name='nametest']").size()
查找所有name属性以'news'开始的input元素,并将其选中
$("input[name^='news']").attr("checked","checked") $("input[name^='news']").attr("checked","true");
查找所有name属性以'letter'结尾的input元素,并将其选中
$("input[name$='letter']").attr("checked","checked");
查找所有name属性包含'news'的input元素,并将其选中
$("input[name*='news']").attr("checked","true");
找到所有含有id属性,并且它的name属性是以"letter"结尾的input元素,并将其选中
$("input[id][name$='letter']).attr("checked","true");
3.1迭代[each]每个ul中第1个li元素中的内容,索引从1开始
$(“ul li:first”).each( 这个只会将第一个找出来
function()
{
Alert(“XX”); 出现一次XX
}
);
这个就会全找
$(“ul li:first-child”).each( function() { //Alert(“XX”); 出现三次XX $(This).text(); } );
迭代每个ul中最后1个li元素中的内容,索引从1开始
$(“ul li:last-child”).each( function() { $(this).text(); } );
在ul中查找是唯一子元素的li元素的内容
$(“ul li:only-child”).each(function(){ $(this).text(); });
迭代每个ul中第2个li元素中的内容,索引从1开始
$(“ul li:nth-child(2)”).each(function(){ $(this).text(); });
4.1查找所有input元素的个数
找的是input标签
$(“input”).size()
找出所有的标签,包括button.textarea等
$(".input").size();
查找所有文本框的个数
$(":text").size();
查找所有密码框的个数
$(":password").size();
查找所有单选按钮的个数
$(":redio").size();
查找所有复选框的个数
$(":checked").size();
查找所有提交按钮的个数
$(":submit").size();
匹配所有图像域的个数
$(":image").size();
查找所有重置按钮的个数
$(":reset").size();
查找所有普通按钮的个数
$(":button").size();
查找所有文件域的个数
$(":file").size();
5.查找所有可用的input元素的个数
$("input:enabled").size();
查找所有不可用的input元素的个数
$("input:disable").size();
查找所有选中的复选框元素的个数
$(":checkbox:checked").size();
查找所有未选中的复选框元素的个数
$(“:checkbox:NOT(:checked)”).size();
查找所有选中的选项元素的个数
$(“select option:selected”).size();
6.在标签中有多个input的,只会显示第一个的值
<body> <input type="text" value="11"/> <input type="text" value="22"/> <input type="text" value="33"/> <script type="text/javascript"> alert( $("input").val() ); 当有多个的时候,就只会显示第一条的值 </script> </body
7.用JS语法创建一个一维数组,存入string类型的姓名,再迭代
(1)创建数组
var array =new Array(“ssd”,”cff”); for(var i=0;i<array.length;i++) ……显示
- 用JSON语法创建一个一维数组,存入string类型的姓名,再迭代
var Array=[“vv”,”dd”]; js对象
将它转化为jQuery,然后使用下面的方法
$nameArray.each(function()
{
alert(this); //每次自动的交给this
}
);
对象.each(函数) 里面有多少个参数,就会回调多少次
- 用JSON语法创建一个一维数组,存入object类型的编号和姓名,再迭代
var Array=[ { Name:“啦啦”, Sal:6000 } { Name:“嘿嘿”, Sal:7000 } ]; var $haha=$(“Array”); $haha.each(function(){ alert(this.name+”:”+this.sal); })
总结:如果是一个数据的时候,就值需要一个this就可以了,但是如果是一个对象,那么就使用this.name。属性名的方式进行操作。