JQuery选择器(一)

引言:在实际操作中,要清晰要对哪部分进行操作,这就必须明确有哪些选择器。这章我们来介绍jquery选择器

Love Your Life

JQuery选择器:

        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选择器

    其余类型选择器:

其余类型选择器

        这章只是介绍了常见的选择器类型,下章我们用另一种分类方式对选择器再更深层次进行划分。

        谢谢每一个耐心看完的人。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容