jquery选择器和属性设置使用经验总结
更新时间:2013年9月08日 14:53:44 作者:
最近项目中用到了jquery。 在做的过程中,我走了很多弯路,不断寻找。总结了一些jquery选择器和属性设置用法,供大家参考
我是一个新手,应届毕业生jquery选择器属性,以前从来没有用过jquery,最近才用jquery做项目。 在做的过程中,我走了很多弯路,不断寻找。 总结了一些用法供大家参考:
最基本的选择器语句类型包括:id、class、label、attribute,与css选择器一致。
ID选择器需要在ID前添加#。 例如,要选择一个ID为myDivID的div元素(),可以这样写:
$("#myDivID");
D 不能重复,因此 ID 选择器选择 jQuery 对象。
类选择器需要在类之前添加一个点(.)。 例如,要选择一个类为myInputClass的输入元素()jquery选择器属性,可以这样写:
复制代码代码如下:
$(".myInputClass");
类可以重复,所以类选择器可以选择一类元素,也就是很多元素,所以jquery选择一个字段,可以参考下标来选择每个元素:例如
复制代码代码如下:
for(vari=0;i<$(".myInputClass").length;i++){$(".myInputClass")[i];}
这将迭代每个元素。
标签选择器可以直接写入标签类型。 比如要选择一段p标签(),可以这样写:
复制代码代码如下:
$(“p”);
标签选择器也选择一个链表,选择所有p标签元素,或者按照前面的方式迭代出所有元素。
将方括号 ([]) 添加到属性选择器。 例如,要选择富含 name="xxName" 的元素,您可以编写:
复制代码代码如下:
$("[xxName]");
这样选择的话,选中的也是一个链表,因为名字可以重复。
ID选择器可以准确地选择一个元素,但是在开发中,我们可能会更多地选择一组元素,如何才能准确地选择我们想要的元素,虽然几个选择器可以组合使用:
复制代码代码如下:
例如,我们要选择奇数个文本标签,即:写着偶数的文本框。 我们可以这样选择:
首先选择div,然后选择p,然后选择type=“text”的文本框,最后选择奇数个位置:
复制代码代码如下:
$("#attrValueTabpinput[type='text']:even");
组合选择在开发中非常有用。 您可以使用以下方法来选择选中的按钮或复选框元素:
复制代码代码如下:
$("输入[name='avDefValue_input']:选中");