手机版

jquery选择器和属性设置使用经验总结

时间:2021-11-16 来源:互联网 编辑:宝哥软件园 浏览:

我是小白,刚毕业,以前没用过jquery,但是最近在项目中用到了jquery。在做这件事的过程中,我走了很多弯路,一直在寻找。总结了一些用法供大家参考:基本的选择器语法包括:id、类、标签、属性,与css选择器一致。标识选择器前面应该有#。例如,如果要选择一个ID为myDivID (div id='myDivID'/div)的div元素,可以这样写3360: $(' # myDivID ');d不能重复,所以ID选择器选择了一个jquery对象。类选择器应该添加一个点(。)在类之前,例如,要选择一个类为myInputClass的输入元素(input type=' text ' class=' myInputClass '/),可以写成如下:复制的代码如下: $(')。my input class’);类可以重复,所以类选择器可以选择一种元素,也就是很多元素,所以jquery可以选择一个数组,每个元素都可以通过引用下标来选择:比如复制代码如下: for(var I=0;i $('。my input class’)。长度;i ) {$('。my input class ')[I];}这样每个元素都可以迭代出来。选择器可以直接写标签类型,比如要选择一个段落P标签(p/p),可以这样写:复制代码如下: $(' P ');选择器选择一个数组来选择所有的P标签元素,或者用上面的方法迭代出所有的元素。属性选择器前面应该有方括号([])。比如选择一个名称='xxName '的元素,可以写成:复制代码如下: $('[xxName]');这样,选定的数组也是一个数组,因为名称可以重复。ID选择器可以准确的选择一个元素,但是在开发中,我们可能要多选择一组元素。如何才能准确选择我们想要的元素?其实可以混合几个选择器:复制代码如下: div id=' attrvaluetab ' span style=' white-space : pre '/span P span style=' white-space : pre '/span put type=' button ' value=' OK '/input type=' text ' value=' odd '/input type=' text ' value=' even '/span style=' white-space 3360 pre '/span/P span style=' white-space 333333333333

例如,我们应该选择偶数个文本标签,即上面写有偶数的文本框。我们可以这样选择:先选择这个div,再选择p,然后选择type="text "的文本框,最后选择偶数个位置:复制代码如下: $(' # attrvaluetab p input[type=' text ']: even ');选择在发展中非常有用。您可以通过以下方式选择选中的按钮或复选框元素:复制代码如下: $(' input[name=' avdefvalue _ input ']: checked ');

版权声明:jquery选择器和属性设置使用经验总结是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。