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类型的姓名,再迭代
创建数组
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()
{
每次自动的交给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。属性名的方式进行操作。