JQuery选择器(一)
2017-12-19 本文已影响0人
_章鱼丸子
引言:在实际操作中,要清晰要对哪部分进行操作,这就必须明确有哪些选择器。这章我们来介绍jquery选择器。
Love Your LifeJQuery选择器:
JQuery选择器允许您对HTML元素进行操作。
JQuery选择器基于元素的id、类、类型、属性、属性值等“查找”(或选择)HTML元素。它基于已经存在的CSS 选择器(参照菜鸟教程),除此之外,它还有一些自定义的选择器。
JQuery中所有选择器都以美元符号开头:$()。
常见选择器:
一、元素选择器
jQuery 元素选择器基于元素名选取元素。
语法:$("标签")
实例:用户点击按钮后,所有<p>元素都隐藏:
页面主体内容 元素选择器二、#id 选择器
jQuery #id 选择器通过 HTML 元素的 id 属性选取指定的元素。
页面中元素的 id 应该是唯一的,所以您要在页面中选取唯一的元素需要通过 #id 选择器。
语法:$("#id名")
实例:用户点击按钮后,所有id="test"都被隐藏:
页面主体内容 id选择器三、.class 选择器
jQuery 类选择器可以通过指定的 class 查找元素。
语法:$(".类名")
实例:用户点击按钮后,所有class="test"都被隐藏:
class选择器 class选择器其余类型选择器:
其余类型选择器这章只是介绍了常见的选择器类型,下章我们用另一种分类方式对选择器再更深层次进行划分。
谢谢每一个耐心看完的人。