jQuery常用选择器

WEB前端

jQuery选择器允许您通过标签名、属性名或内容对HTML元素准确地选取您希望应用效果的元素。jQuery的选择器可谓强大无比,合理的使用可以大大提升个人编写代码的效率。下面主要讲解下常用的jQuery选择器。

1、id选择器
$(“#id”) //选择id=”id”的元素

2、class选择器
$(“.class”) //选择所有 class=”class” 的元素

3、html标签选择器
$(“span”) //选择所有<span>元素

4、*通配符选择器
$(“*”) //选择当前页面所有元素

5、属性过滤选择器
$(“[alt]”) //选择所有带有alt属性的元素

6、input表单选择器
$(“:input”) //选择所有<input>元素
$(“:text”) //选择所有type=”text” 的<input>元素

7、过滤选择器
$(“span:first”) //选择第一个 <span> 元素
$(“ul li:eq(3)”) //选择列表中的第四个元素(index 从 0 开始)
$(“tr:even”) //选择所有偶数<tr>元素
$(“:enabled”) //选择所有激活的 input 元素

jQuery的选择器和css的选择器有很多相似的地方,以上基本的选择器可以自由组合。比如:
$(“#id span”) //选择id=”id”下面所有<span>元素
$(“#id *”) //选择id=”id”下面所有元素

来源:jQuery常用选择器

jQuery常用选择器” 评论

    jQuery学习和知识点总结归纳 | 尉迟资料 评论:
    2019年4月9日 下午8:46

    […] 3、jQuery常用的选择器和事件,和CSS的选择器很相似。$() – 使用CSS选择器匹配元素jQuery的事件和JS的事件基本相同,在使用的时候,去掉JS事件前面的on即可。jQuery常用的事件:load:当文档加载时运行脚本blur:当窗口失去焦点时运行脚本focus:当窗口获得焦点时运行脚本change:当元素改变时运行脚本submit:当提交表单时运行脚本keydown:当按下按键时运行脚本keypress:当按下并松开按键时运行脚本keyup:当松开按键时运行脚本click:当单击鼠标时运行脚本dblclick:当双击鼠标时运行脚本mousedown:当按下鼠标按钮时运行脚本mousemove:当鼠标指针移动时运行脚本mouseout:当鼠标指针移出元素时运行脚本mouseover:当鼠标指针移至元素之上时运行脚本mouseup:当松开鼠标按钮时运行脚本abort:当发生中止事件时运行脚本 […]

发表评论

电子邮件地址不会被公开。 必填项已用*标注