jquery选择器、属性设置用法经验总结
来源:互联网 发布:淘宝搜索引擎算法 编辑:程序博客网 时间:2024/05/17 08:26
本人是一名小白,应届毕业生,以前没用过jquery,最近做项目用到了jquery。在做的过程中走了很多弯路,不停的搜索。总结出了一些用法,供大家参考:
最基本的选择器语法包括:id、class、标签、属性,这和css选择器是一致的。
D是不能重复的,所以ID选择器选出来的是一个jquery对象。
class选择器要在class前加点(.),比如要选择一个class为myInputClass的input元素(<input type="text" class="myInputClass"/>)可以这样写:
这样可以迭代出每个元素。
标签选择器直接写标签类型即可,比如要选择一个段落p标签(<p></p>)即可这样写:
标签选择器选出来的也是一个数组,选出所有的p标签元素,也可以用上面的方法迭代出所有的元素。
属性选择器要在前面加方括号([]),比如要选择含有name="xxName"的元素,可以这样写:
这样来选择,选择出的也是一个数组,因为name是可以重复的。
ID选择器可以精确的选出一个元素来,但在开发中我们可能更多的要选择出一组元素,怎样才能精确的选择出我们想要的元素呢,其实几种选择器是可以混合使用的:
比如我们要选择偶数个文本标签,即:写着even的文本框。我们可以这样来选择:
首先选中这个div,然后再选中p,然后再选中type=“text”的文本框,最后再选中偶数个位置:
组合选择在开发中是非常有用的。可以用下面这种方法来选中被勾选的button或者是checkbox元素:
最基本的选择器语法包括:id、class、标签、属性,这和css选择器是一致的。
ID选择器要在ID前加#,比如要选择一个ID为myDivID的div元素(<div id="myDivID"></div>)可以这样写:
$("#myDivID");
D是不能重复的,所以ID选择器选出来的是一个jquery对象。
class选择器要在class前加点(.),比如要选择一个class为myInputClass的input元素(<input type="text" class="myInputClass"/>)可以这样写:
$(".myInputClass");
class是可以重复的,所以class选择器选出来的可以是一类元素,即好多个元素,所以jquery选出来的是个数组,可以引用下标来选择每个元素:比如
for(var i = 0; i < $(".myInputClass").length; i++) {$(".myInputClass")[i];}
这样可以迭代出每个元素。
标签选择器直接写标签类型即可,比如要选择一个段落p标签(<p></p>)即可这样写:
$("p");
标签选择器选出来的也是一个数组,选出所有的p标签元素,也可以用上面的方法迭代出所有的元素。
属性选择器要在前面加方括号([]),比如要选择含有name="xxName"的元素,可以这样写:
$("[xxName]");
这样来选择,选择出的也是一个数组,因为name是可以重复的。
ID选择器可以精确的选出一个元素来,但在开发中我们可能更多的要选择出一组元素,怎样才能精确的选择出我们想要的元素呢,其实几种选择器是可以混合使用的:
<div id="attrValueTab"><span style="white-space:pre"> </span><p><span style="white-space:pre"> </span><input type="button" value="确定" /> <input type="text" value="odd" /> <input type="text" value="even" /><span style="white-space:pre"> </span></p><span style="white-space:pre"> </span><p>http://www.unitymanual.com/forum-openclass-1.html unity3d培训课http://www.unitymanual.com/sitemap.xml <span style="white-space:pre"> </span><input type="button" value="取消" /> <input type="text" value="odd" /> <input type="text" value="even" /><span style="white-space:pre"> </span></p></div>
比如我们要选择偶数个文本标签,即:写着even的文本框。我们可以这样来选择:
首先选中这个div,然后再选中p,然后再选中type=“text”的文本框,最后再选中偶数个位置:
$("#attrValueTab p input[type='text']:even");
组合选择在开发中是非常有用的。可以用下面这种方法来选中被勾选的button或者是checkbox元素:
$("input[name='avDefValue_input']:checked");
- jquery选择器、属性设置用法经验总结
- jquery选择器、属性设置用法
- jquery 属性选择器用法
- jquery选择器之属性选择器
- jquery选择器之属性选择器
- jQuery选择器-属性选择器示例
- jQuery 层次选择器,属性选择器
- jquery属性选择器详解
- jquery属性选择器
- jquery笔记-属性选择器
- jQuery属性过滤选择器
- jQuery属性选择器
- jQuery 选择器属性大全
- jquery属性过滤选择器
- jQuery属性选择器
- jquery属性过滤选择器
- jquery属性过滤选择器
- JQuery 属性过滤选择器
- UVa 11076 Add Again (组合数学)
- SEO没死,但要向前发展了
- Servlet API中文版
- 《火球——UML大战需求分析》(第2章 耗尽脑汁的需求分析工作)——2.4 UML助力需求分析
- Android开发之Sqlite的使用
- jquery选择器、属性设置用法经验总结
- spring事务管理
- 首页标题及网站优化分析
- Thinkphp+EasyUI Layout + kindeditor整合
- hdu 4712 Hamming Distance
- openwrt 程序开机启动
- ubuntu 环境下配置mongodb php扩展
- equals and hashcode method in hibernate framework
- 二分法查找的实现